{"id":4068,"date":"2026-09-05T03:26:17","date_gmt":"2026-09-05T03:26:17","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=4068"},"modified":"2026-09-05T07:30:53","modified_gmt":"2026-09-05T07:30:53","slug":"dinosaur-theme","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/pt\/indoor-playground-themes-custom-design\/dinosaur-theme\/","title":{"rendered":"Equipamentos personaliz\u00e1veis para parques infantis com dinossauros"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-4750a5c\" data-block-id=\"4750a5c\"><style>.stk-4750a5c {margin-bottom:0px !important;}.stk-4750a5c-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-4750a5c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f0ed5bd\" data-v=\"4\" data-block-id=\"f0ed5bd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f0ed5bd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f0ed5bd-inner-blocks\">\n<section id=\"ddl-hero-dark-b2b\">\n  <!-- SEO Schema (Organization & Product Info) -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"Custom Dinosaur Playground Equipment\",\n    \"description\": \"Complete indoor play environment design and manufacturing for malls, FECs, and commercial venues by Didi Land.\",\n    \"brand\": {\n      \"@type\": \"Organization\",\n      \"name\": \"Didi Land\"\n    },\n    \"image\": \"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development1.jpg\",\n    \"offers\": {\n      \"@type\": \"Offer\",\n      \"availability\": \"https:\/\/schema.org\/PreOrder\"\n    }\n  }\n  <\/script>\n\n  <!-- \u6df1\u8272\u5a31\u4e50\u5316\u80cc\u666f\uff1a\u6df1\u7a7a\u5e95\u8272 + \u6e38\u4e50\u80f6\u56ca + \u6ce2\u70b9\u84dd\u56fe + \u60ac\u6d6e\u6ce2\u6ce2\u7403 -->\n  <div class=\"ddl-dark-bg\">\n    <!-- \u5a31\u4e50\u5316\u6ce2\u70b9\u5e95\u7eb9 (\u6e38\u4e50\u573a\u9632\u6ed1\u57ab\/\u84dd\u56fe\u9690\u55bb) -->\n    <div class=\"ddl-bg-dots\"><\/div>\n    \n    <!-- \u805a\u5149\u706f\u5149\u6655 -->\n    <div class=\"ddl-glow-cyan\"><\/div>\n    <div class=\"ddl-glow-yellow\"><\/div>\n    \n    <!-- \u62bd\u8c61\u6e38\u4e50\u5143\u7d20\uff1a\u5de8\u578b\u80f6\u56ca\u6ed1\u68af\u4e0e\u7ba1\u9053 -->\n    <div class=\"ddl-fun-capsule-1\"><\/div>\n    <div class=\"ddl-fun-capsule-2\"><\/div>\n    <div class=\"ddl-fun-ball-1\"><\/div>\n  <\/div>\n\n  <div class=\"ddl-inner\">\n    \n    <!-- \u9996\u5c4f\uff1a\u975e\u5bf9\u79f0 3D \u9519\u5c42\u4e3b\u89c6\u89c9 -->\n    <div class=\"ddl-hero-stage\">\n      \n      <!-- \u5de6\u4fa7\uff1aB2B \u5de5\u7a0b\u65b9\u6848\u8bf4\u660e -->\n      <div class=\"ddl-content\">\n        <div class=\"ddl-label\">\n          <!-- \u6d3b\u6cfc\u7684\u79ef\u6728\u70b9\u7f00 -->\n          <span class=\"ddl-block-accent\"><\/span>\n          INDOOR PLAYGROUND ENGINEERING\n        <\/div>\n        <h1 class=\"ddl-title\">Custom Dinosaur Playground Equipment for Commercial Indoor Venues<\/h1>\n        <p class=\"ddl-desc\">\n          Didi Land designs dinosaur playground equipment as a complete indoor play environment for malls, family entertainment centers, hotels, restaurants, kindergartens and children\u2019s activity venues. Your floor plan, target ages, activity priorities, operating model and budget become a reviewable 3D concept before the equipment scope is fixed.\n        <\/p>\n        \n        <!-- \u5a31\u4e50\u5316\u5217\u8868 -->\n        <ul class=\"ddl-feature-list\">\n          <li>Custom 3D playground design<\/li>\n          <li>Soft play and activity-zone planning<\/li>\n          <li>Factory quotation<\/li>\n          <li>Installation scope and after-sales support<\/li>\n        <\/ul>\n\n        <div class=\"ddl-actions\">\n          <a href=\"#ct-popup-800\" class=\"ddl-btn-primary\">Request a 3D Concept Review<\/a>\n          <a href=\"#ct-popup-800\" class=\"ddl-btn-secondary\">Get the Dinosaur Venue Brief<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\uff1a\u56fe\u7247\u5f3a\u5316\u5a31\u4e50\u611f (\u5f02\u5f62\u5207\u5272 + \u9519\u4f4d\u79ef\u6728\u6846) -->\n      <div class=\"ddl-visual\">\n        <div class=\"ddl-image-fun-wrapper\">\n          \n          <!-- \u60ac\u6d6e\u73a9\u5177\u51e0\u4f55\u4f53\u88c5\u9970 -->\n          <div class=\"ddl-toy-shape shape-triangle\"><\/div>\n          <div class=\"ddl-toy-shape shape-circle\"><\/div>\n          <div class=\"ddl-toy-shape shape-plus\"><\/div>\n\n          <!-- \u9519\u4f4d\u865a\u7ebf\u6846 (\u8bbe\u8ba1\u84dd\u56fe\u611f) -->\n          <div class=\"ddl-img-blueprint-frame\"><\/div>\n          \n          <!-- \u4e3b\u56fe\uff1a\u5f02\u5f62\u5207\u89d2 (\u4ee3\u8868\u6e38\u4e50\u573a\u62f1\u95e8\u4e0e\u8f6f\u5305) -->\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development1.jpg\" alt=\"Custom Dinosaur Playground Equipment 3D Concept\" width=\"800\" height=\"600\" fetchpriority=\"high\" class=\"ddl-img-main\">\n          \n          <!-- Dark Glassmorphism \u6d6e\u52a8\u4fe1\u606f\u5c42 -->\n          <div class=\"ddl-glass-float-dark\">\n            <div class=\"ddl-glass-header\">\n              <div class=\"ddl-glass-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFD848\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n              <\/div>\n              <span class=\"ddl-glass-tag\">ZONE CONCEPT<\/span>\n            <\/div>\n            <p><strong>T-Rex themed indoor playground<\/strong> with family dining and arcade areas. A large dinosaur landmark can orient the guest journey while dining, arcade and play zones remain visually connected.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6a21\u5757\u5316\u5361\u7247\u9635\u5217\uff1a\u89e3\u51b3\u65b9\u6848\u77e9\u9635 -->\n    <div class=\"ddl-matrix-section\">\n      <h2 class=\"ddl-matrix-title\">Didi Land Dinosaur Playground Solutions at a Glance<\/h2>\n      \n      <div class=\"ddl-matrix-grid\">\n        <!-- \u53c2\u6570\u7ec4 (2x2) \u79ef\u6728\u5361\u7247\u7248 -->\n        <div class=\"ddl-specs-group\">\n          <div class=\"ddl-fun-card card-cyan\">\n            <div class=\"ddl-card-icon\">01<\/div>\n            <div class=\"ddl-card-val\">Concept scope<\/div>\n            <p class=\"ddl-card-lbl\">Custom 3D design built around your venue inputs.<\/p>\n          <\/div>\n          <div class=\"ddl-fun-card card-yellow\">\n            <div class=\"ddl-card-icon\">02<\/div>\n            <div class=\"ddl-card-val\">Production schedule<\/div>\n            <p class=\"ddl-card-lbl\">20\u201360 working days after design approval and deposit.<\/p>\n          <\/div>\n          <div class=\"ddl-fun-card card-yellow\">\n            <div class=\"ddl-card-icon\">03<\/div>\n            <div class=\"ddl-card-val\">Payment terms<\/div>\n            <p class=\"ddl-card-lbl\">30% deposit and 70% balance before shipment.<\/p>\n          <\/div>\n          <div class=\"ddl-fun-card card-cyan\">\n            <div class=\"ddl-card-icon\">04<\/div>\n            <div class=\"ddl-card-val\">Project support<\/div>\n            <p class=\"ddl-card-lbl\">24\/7 online consultation and after-sales support.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- \u51b3\u7b56\u903b\u8f91 Callout (\u8b66\u6212\u5e26 + \u80f6\u56ca\u72b6) -->\n        <div class=\"ddl-decision-block\">\n          <div class=\"ddl-db-accent-blob\"><\/div>\n          <h3 class=\"ddl-db-title\">Decision check<\/h3>\n          <p class=\"ddl-db-desc\">The common assumption is that more modules automatically create more venue value. Not always: the trade-off becomes unfavorable when extra equipment takes away sightlines, circulation or cleaning access.<\/p>\n          <a href=\"#ct-popup-800\" class=\"ddl-db-link\">Request a 3D Concept Review \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* Reset & Section Wrapper *\/\n    #ddl-hero-dark-b2b {\n      position: relative;\n      width: 100% !important;\n      background-color: #050A15; \/* \u6781\u81f4\u6df1\u7a7a\u84dd\u9ed1\u5e95\u8272 *\/\n      padding-block: clamp(40px, 5vw, 60px) clamp(60px, 8vw, 100px);\n      box-sizing: border-box;\n      overflow: hidden;\n      font-family: inherit;\n      color: #e2e8f0;\n    }\n    #ddl-hero-dark-b2b * { box-sizing: border-box; }\n\n    \/* =========================================\n       \u6df1\u8272\u5a31\u4e50\u5316\u80cc\u666f (\u62bd\u8c61\u51e0\u4f55\u4e0e\u5149\u6655)\n       ========================================= *\/\n    #ddl-hero-dark-b2b .ddl-dark-bg {\n      position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;\n    }\n    \/* \u6ce2\u70b9\u4e50\u56ed\u5e95\u7eb9 *\/\n    #ddl-hero-dark-b2b .ddl-bg-dots {\n      position: absolute; inset: 0;\n      background-image: radial-gradient(rgba(0, 216, 255, 0.12) 2px, transparent 2px);\n      background-size: 40px 40px;\n    }\n    \/* \u5f3a\u5bf9\u6bd4\u547c\u5438\u5149\u6655 *\/\n    #ddl-hero-dark-b2b .ddl-glow-cyan {\n      position: absolute; top: -10%; right: 0; width: 60vw; aspect-ratio: 1;\n      background: radial-gradient(circle at 70% 30%, rgba(0, 216, 255, 0.15) 0%, transparent 60%);\n    }\n    #ddl-hero-dark-b2b .ddl-glow-yellow {\n      position: absolute; bottom: 0; left: -10%; width: 50vw; aspect-ratio: 1;\n      background: radial-gradient(circle at 30% 70%, rgba(255, 216, 72, 0.08) 0%, transparent 60%);\n    }\n    \/* \u62bd\u8c61\u80f6\u56ca\u6ed1\u68af\/\u96a7\u9053 *\/\n    #ddl-hero-dark-b2b .ddl-fun-capsule-1 {\n      position: absolute; top: 10%; right: -5%; width: 40vw; height: 120px;\n      background: linear-gradient(90deg, rgba(0, 216, 255, 0.03), transparent);\n      border-radius: 60px; transform: rotate(-15deg);\n    }\n    #ddl-hero-dark-b2b .ddl-fun-capsule-2 {\n      position: absolute; bottom: 20%; left: -10%; width: 50vw; height: 150px;\n      border: 2px dashed rgba(255, 216, 72, 0.05);\n      border-radius: 100px; transform: rotate(25deg);\n    }\n    #ddl-hero-dark-b2b .ddl-fun-ball-1 {\n      position: absolute; top: 40%; left: 45%; width: 15vw; aspect-ratio: 1;\n      background: radial-gradient(circle, rgba(0, 216, 255, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n    }\n\n    \/* =========================================\n       \u5185\u90e8\u5bb9\u5668\u4e0e\u5e03\u5c40\n       ========================================= *\/\n    #ddl-hero-dark-b2b .ddl-inner {\n      max-width: 1600px !important; margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex; flex-direction: column; gap: clamp(60px, 8vw, 100px);\n      position: relative; z-index: 1;\n    }\n\n    #ddl-hero-dark-b2b .ddl-hero-stage {\n      display: grid; grid-template-columns: 1.05fr 0.95fr;\n      gap: clamp(40px, 6vw, 80px); align-items: center;\n    }\n\n    \/* =========================================\n       \u5de6\u4fa7\u5185\u5bb9\uff1a\u8367\u5149\u6392\u7248 + \u5a31\u4e50\u5c0f\u5143\u7d20\n       ========================================= *\/\n    #ddl-hero-dark-b2b .ddl-label {\n      display: inline-flex; align-items: center; gap: 12px;\n      font-size: 13px; font-weight: 700; color: #00D8FF;\n      letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 20px;\n    }\n    #ddl-hero-dark-b2b .ddl-block-accent {\n      width: 16px; height: 16px;\n      background-color: #FFD848; border-radius: 4px;\n      box-shadow: 2px 2px 0 rgba(0, 216, 255, 0.5); \/* \u9519\u4f4d\u79ef\u6728\u9634\u5f71 *\/\n    }\n    #ddl-hero-dark-b2b .ddl-title {\n      font-size: clamp(36px, 4.5vw, 60px); font-weight: 800; line-height: 1.15;\n      color: #ffffff; margin: 0 0 24px 0; text-wrap: balance;\n    }\n    #ddl-hero-dark-b2b .ddl-desc {\n      font-size: clamp(15px, 1.2vw, 17px); line-height: 1.6; color: #cbd5e1;\n      margin: 0 0 32px 0; max-width: 95%;\n    }\n\n    \/* \u5217\u8868\u9879\uff1a\u8df3\u8dc3\u7684\u6ce2\u6ce2\u7403\u5149\u70b9 *\/\n    #ddl-hero-dark-b2b .ddl-feature-list {\n      list-style: none; padding: 0; margin: 0 0 40px 0;\n      display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px;\n    }\n    #ddl-hero-dark-b2b .ddl-feature-list li {\n      position: relative; padding-left: 28px;\n      font-size: 15px; font-weight: 600; color: #e2e8f0; line-height: 1.4;\n    }\n    #ddl-hero-dark-b2b .ddl-feature-list li::before {\n      content: ''; position: absolute; left: 0; top: 4px;\n      width: 12px; height: 12px; background: #00D8FF;\n      border-radius: 50%; box-shadow: 2px 2px 0 #FFD848; \/* \u7ae5\u8da3\u53cc\u5c42\u8272\u70b9 *\/\n    }\n\n    \/* CTA \u80f6\u56ca\u6309\u94ae (\u66f4\u663e\u67d4\u548c\u4e0e\u513f\u7ae5\u53cb\u597d) *\/\n    #ddl-hero-dark-b2b .ddl-actions {\n      display: flex; flex-wrap: wrap; gap: 16px;\n    }\n    #ddl-hero-dark-b2b .ddl-btn-primary, #ddl-hero-dark-b2b .ddl-btn-secondary {\n      display: inline-flex; justify-content: center; align-items: center;\n      padding: 16px 36px; font-size: 15px; font-weight: 700; text-decoration: none;\n      border-radius: 50px; \/* \u80f6\u56ca\u72b6 *\/\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    #ddl-hero-dark-b2b .ddl-btn-primary {\n      background: #00D8FF; color: #050A15;\n      box-shadow: 0 8px 24px rgba(0, 216, 255, 0.3); border: 2px solid #00D8FF;\n    }\n    #ddl-hero-dark-b2b .ddl-btn-primary:hover {\n      background: #FFD848; border-color: #FFD848; color: #050A15;\n      box-shadow: 0 12px 32px rgba(255, 216, 72, 0.5); transform: translateY(-3px);\n    }\n    #ddl-hero-dark-b2b .ddl-btn-secondary {\n      background: transparent; color: #FFD848;\n      border: 2px solid #FFD848;\n    }\n    #ddl-hero-dark-b2b .ddl-btn-secondary:hover {\n      background: #FFD848; color: #050A15;\n      box-shadow: 0 8px 24px rgba(255, 216, 72, 0.3); transform: translateY(-3px);\n    }\n\n    \/* =========================================\n       \u53f3\u4fa7\uff1a\u5a31\u4e50\u5316\u5f02\u5f62\u56fe\u7247\u533a\n       ========================================= *\/\n    #ddl-hero-dark-b2b .ddl-visual {\n      display: flex; justify-content: center; align-items: center;\n      padding: 20px;\n    }\n    #ddl-hero-dark-b2b .ddl-image-fun-wrapper {\n      position: relative; width: 100%; max-width: 650px;\n      \/* \u57fa\u7840\u60ac\u6d6e\u52a8\u753b *\/\n      animation: ddl-float-fun 6s ease-in-out infinite;\n    }\n    @keyframes ddl-float-fun {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-15px); }\n    }\n    \n    \/* \u4e3b\u56fe\uff1a\u975e\u5bf9\u79f0\u5f02\u5f62\u5207\u89d2 (\u6e38\u4e50\u573a\u8f6f\u5305\u62fc\u63a5\u611f) *\/\n    #ddl-hero-dark-b2b .ddl-img-main {\n      width: 100%; height: auto; display: block;\n      border-radius: 60px 12px 60px 12px;\n      border: 4px solid #00D8FF;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n      position: relative; z-index: 2;\n    }\n    \n    \/* \u9519\u4f4d\u865a\u7ebf\u6846 (\u8bbe\u8ba1\u84dd\u56fe) *\/\n    #ddl-hero-dark-b2b .ddl-img-blueprint-frame {\n      position: absolute; inset: 0;\n      border: 3px dashed #FFD848;\n      border-radius: 60px 12px 60px 12px;\n      transform: translate(20px, 20px);\n      z-index: 1;\n    }\n\n    \/* \u60ac\u6d6e\u73a9\u5177\u51e0\u4f55\u4f53 *\/\n    #ddl-hero-dark-b2b .ddl-toy-shape { position: absolute; z-index: 3; pointer-events: none; }\n    #ddl-hero-dark-b2b .shape-triangle {\n      top: -25px; right: 30px; width: 0; height: 0;\n      border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 34px solid #FFD848;\n      transform: rotate(20deg); animation: ddl-spin-slow 15s linear infinite;\n    }\n    #ddl-hero-dark-b2b .shape-circle {\n      bottom: 80px; right: -25px; width: 40px; height: 40px;\n      border: 6px solid #00D8FF; border-radius: 50%;\n      animation: ddl-float-fun 4s ease-in-out infinite reverse;\n    }\n    #ddl-hero-dark-b2b .shape-plus {\n      top: 40%; left: -30px; width: 30px; height: 30px;\n      background: linear-gradient(0deg, transparent 40%, #00D8FF 40%, #00D8FF 60%, transparent 60%),\n                  linear-gradient(90deg, transparent 40%, #00D8FF 40%, #00D8FF 60%, transparent 60%);\n      transform: rotate(45deg);\n    }\n    @keyframes ddl-spin-slow { 100% { transform: rotate(380deg); } }\n    \n    \/* \u6697\u9ed1\u78e8\u7802\u73bb\u7483\u8bf4\u660e\u5c42 (\u5706\u6da6\u5316\u5904\u7406) *\/\n    #ddl-hero-dark-b2b .ddl-glass-float-dark {\n      position: absolute; bottom: -40px; left: -30px;\n      width: clamp(280px, 70%, 380px);\n      background: rgba(11, 17, 32, 0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n      border: 1px solid rgba(0, 216, 255, 0.2);\n      border-top: 4px solid #00D8FF;\n      border-radius: 20px;\n      padding: 24px; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);\n      z-index: 4;\n    }\n    #ddl-hero-dark-b2b .ddl-glass-header {\n      display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\n    }\n    #ddl-hero-dark-b2b .ddl-glass-tag {\n      font-size: 12px; font-weight: 700; color: #FFD848; letter-spacing: 0.05em;\n    }\n    #ddl-hero-dark-b2b .ddl-glass-float-dark p {\n      font-size: 14px; line-height: 1.6; color: #cbd5e1; margin: 0;\n    }\n    #ddl-hero-dark-b2b .ddl-glass-float-dark strong { color: #ffffff; font-weight: 700; }\n\n    \/* =========================================\n       \u5e95\u90e8\u77e9\u9635\uff1a\u79ef\u6728\u5361\u7247\u4e0e\u51b3\u7b56\u8b66\u6212\u8231\n       ========================================= *\/\n    #ddl-hero-dark-b2b .ddl-matrix-section { width: 100%; }\n    #ddl-hero-dark-b2b .ddl-matrix-title {\n      font-size: clamp(24px, 2.5vw, 32px); font-weight: 800; color: #ffffff;\n      margin: 0 0 32px 0; padding-bottom: 16px;\n      border-bottom: 2px dashed rgba(255,255,255,0.1);\n    }\n    #ddl-hero-dark-b2b .ddl-matrix-grid {\n      display: grid; grid-template-columns: 1fr 400px; gap: clamp(32px, 4vw, 48px); align-items: stretch;\n    }\n\n    \/* Specs \u5a31\u4e50\u5316\u79ef\u6728\u5361\u7247 *\/\n    #ddl-hero-dark-b2b .ddl-specs-group {\n      display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n    }\n    #ddl-hero-dark-b2b .ddl-fun-card {\n      background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255,255,255,0.05);\n      border-radius: 20px; padding: 24px; transition: all 0.3s ease; position: relative; overflow: hidden;\n    }\n    #ddl-hero-dark-b2b .ddl-fun-card:hover {\n      background: rgba(255, 255, 255, 0.06); transform: translateY(-4px);\n    }\n    \/* \u5361\u7247\u5927\u6570\u5b57\u7f16\u53f7 *\/\n    #ddl-hero-dark-b2b .ddl-card-icon {\n      font-size: 40px; font-weight: 900; line-height: 1; opacity: 0.1;\n      position: absolute; right: 16px; top: 16px; font-family: ui-monospace, monospace;\n    }\n    #ddl-hero-dark-b2b .card-cyan .ddl-card-icon { color: #00D8FF; }\n    #ddl-hero-dark-b2b .card-yellow .ddl-card-icon { color: #FFD848; }\n    \n    #ddl-hero-dark-b2b .ddl-card-val {\n      font-size: 17px; font-weight: 700; color: #00D8FF; margin-bottom: 8px; position: relative; z-index: 1;\n    }\n    #ddl-hero-dark-b2b .card-yellow .ddl-card-val { color: #FFD848; }\n    #ddl-hero-dark-b2b .ddl-card-lbl { font-size: 14px; line-height: 1.6; color: #94a3b8; margin: 0; position: relative; z-index: 1;}\n\n    \/* Decision Check (\u8b66\u6212\u98ce\u683c) *\/\n    #ddl-hero-dark-b2b .ddl-decision-block {\n      background: #020617; border: 2px solid #FFD848; border-radius: 24px;\n      padding: 32px; position: relative; display: flex; flex-direction: column; justify-content: center;\n      box-shadow: 0 15px 30px rgba(0,0,0,0.4); overflow: hidden;\n    }\n    \/* \u8b66\u6212\u6761\u7eb9\u4fa7\u8fb9 *\/\n    #ddl-hero-dark-b2b .ddl-decision-block::before {\n      content: \"\"; position: absolute; left: 0; top: 0; width: 12px; height: 100%;\n      background: repeating-linear-gradient(-45deg, #FFD848, #FFD848 10px, #020617 10px, #020617 20px);\n    }\n    #ddl-hero-dark-b2b .ddl-db-accent-blob {\n      position: absolute; right: -30%; bottom: -30%; width: 200px; height: 200px;\n      background: radial-gradient(circle, rgba(255, 216, 72, 0.15) 0%, transparent 70%);\n      pointer-events: none; border-radius: 50%;\n    }\n    #ddl-hero-dark-b2b .ddl-db-title {\n      font-size: 20px; font-weight: 800; color: #FFD848; margin: 0 0 16px 0;\n      position: relative; z-index: 1; padding-left: 12px;\n    }\n    #ddl-hero-dark-b2b .ddl-db-desc {\n      font-size: 14px; line-height: 1.6; color: #cbd5e1; margin: 0 0 24px 0; position: relative; z-index: 1; padding-left: 12px;\n    }\n    #ddl-hero-dark-b2b .ddl-db-link {\n      font-size: 15px; font-weight: 700; color: #00D8FF; text-decoration: none;\n      align-self: flex-start; transition: all 0.2s ease; position: relative; z-index: 1; padding-left: 12px;\n    }\n    #ddl-hero-dark-b2b .ddl-db-link:hover { color: #FFD848; }\n\n    \/* =========================================\n       Responsive \u54cd\u5e94\u5f0f\u5904\u7406\n       ========================================= *\/\n    @media (max-width:1000px) {\n      #ddl-hero-dark-b2b .ddl-hero-stage { grid-template-columns: 1fr; }\n      #ddl-hero-dark-b2b .ddl-image-fun-wrapper { margin-top: 40px; }\n      #ddl-hero-dark-b2b .ddl-glass-float-dark { bottom: -20px; left: 5%; width: 90%; }\n      #ddl-hero-dark-b2b .ddl-matrix-grid { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 600px) {\n      #ddl-hero-dark-b2b .ddl-specs-group { grid-template-columns: 1fr; }\n      #ddl-hero-dark-b2b .ddl-actions { flex-direction: column; width: 100%; }\n      #ddl-hero-dark-b2b .ddl-actions a { width: 100%; text-align: center; }\n      #ddl-hero-dark-b2b .ddl-glass-float-dark { position: static; width: 100%; margin-top: 30px; }\n      #ddl-hero-dark-b2b .ddl-toy-shape { display: none; }\n    }\n  <\/style>\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-e63382d\" data-block-id=\"e63382d\"><style>.stk-e63382d {margin-bottom:0px !important;}.stk-e63382d-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-e63382d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-89641d7\" data-v=\"4\" data-block-id=\"89641d7\"><style>.stk-89641d7-container{margin-top:var(--stk--preset--spacing--50, 1.5rem) !important;margin-right:var(--stk--preset--spacing--50, 1.5rem) !important;margin-bottom:var(--stk--preset--spacing--50, 1.5rem) !important;margin-left:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-89641d7-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-89641d7-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-ff65896\" data-block-id=\"ff65896\"><style>.stk-ff65896 {margin-bottom:0px !important;}.stk-ff65896-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ff65896-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3c90cec\" data-v=\"4\" data-block-id=\"3c90cec\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3c90cec-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3c90cec-inner-blocks\">\n<div id=\"ddl-dino-play-334\" class=\"ddl-wrapper\">\n  \n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Didi Land\",\n    \"description\": \"Indoor playground equipment manufacturer for customizable indoor playground products and commercial playground equipment projects.\",\n    \"url\": \"YOUR_WEBSITE_URL_HERE\"\n  }\n  <\/script>\n\n  <style>\n    \/* =========================================\n       \u5168\u5c40\u91cd\u7f6e\u4e0e\u76d2\u6a21\u578b\u4fdd\u62a4\n       ========================================= *\/\n    #ddl-dino-play-334,\n    #ddl-dino-play-334 *,\n    #ddl-dino-play-334 *::before,\n    #ddl-dino-play-334 *::after {\n      box-sizing: border-box !important;\n    }\n\n    \/* =========================================\n       \u5916\u58f3\uff1a\u805a\u5149\u706f\u80cc\u666f + \u8272\u5757\u62fc\u63a5\u5207\u5272 + \u7f29\u77ed\u4e0a\u8fb9\u8ddd\n       ========================================= *\/\n    #ddl-dino-play-334.ddl-wrapper {\n      width: 100% !important;\n      background-color: #f7fbfc;\n      \/* \u805a\u5149\u706f\u6548\u679c\uff1a\u5929\u84dd\u4e0e\u6696\u9ec4\u7684\u4ea4\u7ec7\u878d\u5408 *\/\n      background-image: \n        radial-gradient(circle at 75% 30%, rgba(0, 216, 255, 0.15) 0%, transparent 60%),\n        radial-gradient(circle at 20% 80%, rgba(255, 216, 72, 0.12) 0%, transparent 50%);\n      padding-block: clamp(30px, 4vw, 50px) clamp(60px, 8vw, 100px);\n      position: relative;\n      overflow: hidden;\n      font-family: inherit;\n    }\n\n    \/* \u4e0d\u89c4\u5219\u8272\u5757\u62fc\u63a5\u5207\u5272 (\u589e\u52a0\u9ad8\u7ea7\u8bbe\u8ba1\u611f\u4e0e\u6d3b\u6cfc\u611f) *\/\n    #ddl-dino-play-334.ddl-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -10%; left: -5%;\n      width: 110%; height: 65%;\n      background: linear-gradient(175deg, rgba(0, 216, 255, 0.04) 0%, rgba(0, 216, 255, 0.01) 100%);\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    \/* \u5a31\u4e50\u5316\u51e0\u4f55\u70b9\u7f00\uff1a\u6d3b\u6cfc\u7684\u5706\u5f62\u4e0e\u80f6\u56ca\u5f62 *\/\n    #ddl-dino-play-334.ddl-wrapper::after {\n      content: '';\n      position: absolute;\n      bottom: 10%; right: -2%;\n      width: 150px; height: 300px;\n      border: 15px solid rgba(255, 216, 72, 0.2);\n      border-radius: 100px;\n      transform: rotate(25deg);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    \/* =========================================\n       \u5185\u5c42\uff1a\u9650\u5236 1600px \u5c45\u4e2d\n       ========================================= *\/\n    #ddl-dino-play-334 .ddl-inner {\n      width: 100%;\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      position: relative;\n      z-index: 2; \n    }\n\n    \/* =========================================\n       \u6807\u9898\u4e0e\u9876\u5c42\u4ecb\u7ecd (\u5f3a\u5236\u5145\u6ee1\u5bb9\u5668\u5e76\u6362\u884c)\n       ========================================= *\/\n    #ddl-dino-play-334 .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(24px, 4vw, 40px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 700;\n      line-height: 1.15;\n      color: #0098B3; \n    }\n\n    #ddl-dino-play-334 .ddl-lead {\n      width: 100% !important; \/* \u5f3a\u5236\u5145\u6ee1\u4e00\u884c *\/\n      white-space: normal;\n      overflow-wrap: break-word;\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: #333333;\n      line-height: 1.6;\n      font-weight: 500;\n      margin: 0 0 clamp(40px, 5vw, 60px) 0 !important;\n      border-left: 5px solid #FFD848;\n      padding-left: 20px;\n    }\n\n    \/* =========================================\n       \u4ea4\u4e92\u4e2d\u67a2\uff1aTab \u63a7\u5236\u53f0 + 3D \u56fe\u7247 (\u975e\u5bf9\u79f0)\n       ========================================= *\/\n    #ddl-dino-play-334 .ddl-stage-layout {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 30px;\n      margin-bottom: 60px;\n    }\n\n    \/* Tab \u5bfc\u822a *\/\n    #ddl-dino-play-334 .ddl-tab-nav {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      justify-content: flex-start;\n    }\n\n    #ddl-dino-play-334 .ddl-tab-btn {\n      background: #ffffff;\n      border: 2px solid rgba(0, 216, 255, 0.2);\n      color: #444;\n      padding: 14px 24px;\n      font-size: 15px;\n      font-weight: 600;\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      \/* \u5a31\u4e50\u5316\u5de5\u4e1a\u5207\u89d2\uff1a\u4e00\u4fa7\u5706\u6da6\uff0c\u4e00\u4fa7\u786c\u6717 *\/\n      border-radius: 20px 4px 20px 4px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n    }\n\n    #ddl-dino-play-334 .ddl-tab-btn:hover {\n      border-color: #00D8FF;\n      transform: translateY(-2px);\n    }\n\n    #ddl-dino-play-334 .ddl-tab-btn.is-active {\n      background: #00D8FF;\n      border-color: #00D8FF;\n      color: #072636;\n      box-shadow: 0 8px 20px rgba(0, 216, 255, 0.3); \/* \u53d1\u5149\u8fb9\u6846 *\/\n    }\n\n    \/* \u5185\u5bb9\u5c55\u793a\u533a\uff1a\u5de6\u56fe 3D + \u53f3\u4fa7\u78e8\u7802\u73bb\u7483 *\/\n    #ddl-dino-play-334 .ddl-content-split {\n      display: grid;\n      grid-template-columns: 5fr 7fr;\n      gap: clamp(30px, 4vw, 50px);\n      align-items: stretch;\n    }\n\n    \/* \u5de6\u4fa7\uff1a3D \u900f\u89c6\u56fe\u7247 *\/\n    #ddl-dino-play-334 .ddl-3d-frame {\n      perspective: 1200px;\n      width: 100%;\n      height: 100%;\n      min-height: 300px;\n      position: relative;\n    }\n\n    #ddl-dino-play-334 .ddl-3d-img-wrap {\n      width: 100%;\n      height: 100%;\n      transform: rotateY(6deg) rotateX(2deg); \/* \u8f7b\u5fae3D\u900f\u89c6 *\/\n      transform-style: preserve-3d;\n      transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: \n        20px 30px 50px rgba(0, 152, 179, 0.15),\n        inset 0 0 0 4px #FFD848; \/* \u6696\u9ec4\u53cc\u5c42\u63cf\u8fb9 *\/\n    }\n\n    #ddl-dino-play-334 .ddl-3d-frame:hover .ddl-3d-img-wrap {\n      transform: rotateY(0deg) rotateX(0deg);\n    }\n\n    #ddl-dino-play-334 .ddl-3d-img-wrap img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* \u53f3\u4fa7\uff1aGlassmorphism Tab \u6d6e\u5c42 *\/\n    #ddl-dino-play-334 .ddl-tab-panels {\n      position: relative;\n      width: 100%;\n    }\n\n    #ddl-dino-play-334 .ddl-tab-pane {\n      position: absolute;\n      top: 0; left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(255, 255, 255, 0.75); \/* \u534a\u900f\u660e\u767d *\/\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.9);\n      border-top: 6px solid #00D8FF;\n      border-radius: 12px;\n      padding: clamp(30px, 4vw, 50px);\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);\n      \n      \/* SEO \u53cb\u597d\u9690\u85cf *\/\n      opacity: 0;\n      pointer-events: none;\n      transform: translateY(15px);\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n      z-index: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    #ddl-dino-play-334 .ddl-tab-pane.is-active {\n      opacity: 1;\n      pointer-events: auto;\n      transform: translateY(0);\n      position: relative;\n      z-index: 5;\n    }\n\n    #ddl-dino-play-334 .ddl-pane-title {\n      font-size: clamp(22px, 2.5vw, 28px);\n      font-weight: 700;\n      color: #072636;\n      margin: 0 0 16px 0;\n    }\n\n    #ddl-dino-play-334 .ddl-pane-desc {\n      font-size: 16px;\n      color: #444444;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    \/* =========================================\n       \u5e95\u90e8\u77e9\u9635\uff1a\u5e94\u7528\u573a\u666f\u4e0e\u670d\u52a1\u8303\u56f4 (\u649e\u8272\u8bbe\u8ba1)\n       ========================================= *\/\n    #ddl-dino-play-334 .ddl-matrix-layout {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 30px;\n      margin-bottom: 50px;\n    }\n\n    \/* \u670d\u52a1\u8303\u56f4\u5361\u7247 (\u5de5\u4e1a\u6df1\u8272\u8c03) *\/\n    #ddl-dino-play-334 .ddl-service-card {\n      background: #072636;\n      color: #ffffff;\n      padding: clamp(30px, 4vw, 50px);\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    #ddl-dino-play-334 .ddl-service-card::after {\n      content: '';\n      position: absolute;\n      top: -20px; right: -20px;\n      width: 100px; height: 100px;\n      background: #00D8FF;\n      border-radius: 50%;\n      opacity: 0.15;\n    }\n\n    #ddl-dino-play-334 .ddl-service-card h3 {\n      color: #00D8FF;\n      font-size: clamp(20px, 2vw, 24px);\n      font-weight: 700;\n      margin: 0 0 20px 0;\n    }\n\n    #ddl-dino-play-334 .ddl-service-card p {\n      font-size: 15px;\n      line-height: 1.6;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n    }\n\n    \/* \u5e94\u7528\u573a\u666f\u5361\u7247 (\u73bb\u7483\u6001\u660e\u4eae\u8c03) *\/\n    #ddl-dino-play-334 .ddl-app-card {\n      background: rgba(255, 255, 255, 0.85);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 1);\n      padding: clamp(30px, 4vw, 50px);\n      border-radius: 16px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    }\n\n    #ddl-dino-play-334 .ddl-app-card h3 {\n      color: #072636;\n      font-size: clamp(20px, 2vw, 24px);\n      font-weight: 700;\n      margin: 0 0 20px 0;\n    }\n\n    #ddl-dino-play-334 .ddl-list {\n      list-style: none;\n      margin: 0; padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    #ddl-dino-play-334 .ddl-list li {\n      position: relative;\n      padding-left: 28px;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #333333;\n    }\n\n    \/* \u5a31\u4e50\u5316\u56fe\u9489\u70b9\u7f00 *\/\n    #ddl-dino-play-334 .ddl-list li::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 6px;\n      width: 10px; height: 10px;\n      background: #FFD848;\n      border-radius: 3px;\n      transform: rotate(45deg);\n    }\n\n    \/* =========================================\n       \u63d0\u793a\u89d2\u6807\u4e0e\u5c45\u4e2d CTA\n       ========================================= *\/\n    #ddl-dino-play-334 .ddl-scope-check {\n      background: rgba(0, 216, 255, 0.1);\n      border-left: 4px solid #00D8FF;\n      padding: 16px 20px;\n      margin-bottom: 50px;\n      border-radius: 0 8px 8px 0;\n    }\n    \n    #ddl-dino-play-334 .ddl-scope-check h4 {\n      margin: 0 0 6px 0;\n      font-size: 14px;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      color: #072636;\n    }\n    \n    #ddl-dino-play-334 .ddl-scope-check p {\n      margin: 0;\n      font-size: 14px;\n      color: #444444;\n      line-height: 1.5;\n    }\n\n    #ddl-dino-play-334 .ddl-cta-box {\n      text-align: center;\n      width: 100%;\n    }\n\n    #ddl-dino-play-334 .ddl-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: #00D8FF;\n      color: #072636;\n      font-size: 16px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-decoration: none;\n      padding: 18px 48px;\n      border-radius: 30px;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      \/* \u6309\u94ae\u53d1\u5149\u8fb9\u6846\u6548\u679c *\/\n      box-shadow: 0 6px 20px rgba(0, 216, 255, 0.3), inset 0 -2px 0 rgba(0,0,0,0.1);\n    }\n\n    #ddl-dino-play-334 .ddl-btn:hover {\n      background: #FFD848;\n      color: #072636;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(255, 216, 72, 0.4), inset 0 -2px 0 rgba(0,0,0,0.1);\n    }\n\n    \/* =========================================\n       \u79fb\u52a8\u7aef\u964d\u7ea7\u5904\u7406\n       ========================================= *\/\n    @media (max-width: 992px) {\n      #ddl-dino-play-334 .ddl-content-split {\n        grid-template-columns: 1fr;\n      }\n      #ddl-dino-play-334 .ddl-3d-img-wrap {\n        transform: none; \/* \u79fb\u52a8\u7aef\u53d6\u6d88 3D \u65cb\u8f6c\u9632\u6b62\u6ea2\u51fa *\/\n      }\n      #ddl-dino-play-334 .ddl-matrix-layout {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"ddl-inner\">\n    \n    <h2 class=\"sbt-h2\">Custom Dinosaur Playground Equipment Capabilities<\/h2>\n    <p class=\"ddl-lead\">Unlike standardized catalog sets, our custom dinosaur playground equipment centers on a chosen theme, appropriate play structure, activity modules and circulation path as laid out in the commercial brief. The differentiator is a unifying play space that lets clients review the system as one connected whole\u2014from guest entry and age zones to active play, moments of discovery, parent observation and amenity access.<\/p>\n\n    <div class=\"ddl-stage-layout\">\n      \n      <div class=\"ddl-tab-nav\">\n        <button class=\"ddl-tab-btn is-active\" data-target=\"ddl-tab-1\">Theme System &#038; Color<\/button>\n        <button class=\"ddl-tab-btn\" data-target=\"ddl-tab-2\">Multi-Level Soft Play<\/button>\n        <button class=\"ddl-tab-btn\" data-target=\"ddl-tab-3\">Activity &#038; Discovery Mix<\/button>\n        <button class=\"ddl-tab-btn\" data-target=\"ddl-tab-4\">Venue Integration<\/button>\n      <\/div>\n\n      <div class=\"ddl-content-split\">\n        \n        <div class=\"ddl-3d-frame\">\n          <div class=\"ddl-3d-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development2.jpg\" alt=\"Custom indoor dinosaur themed playground equipment design and development\" fetchpriority=\"high\">\n          <\/div>\n        <\/div>\n\n        <div class=\"ddl-tab-panels\">\n          \n          <div id=\"ddl-tab-1\" class=\"ddl-tab-pane is-active\">\n            <h3 class=\"ddl-pane-title\">Theme System and Color Direction<\/h3>\n            <p class=\"ddl-pane-desc\">A connected visual story uses dinosaur landmarks, eggs, fossil cues, prehistoric planting, route graphics and color options. A T-Rex can anchor the entry, while a triceratops or smaller dino piece marks a toddler or discovery zone without making every surface compete for attention.<\/p>\n          <\/div>\n\n          <div id=\"ddl-tab-2\" class=\"ddl-tab-pane\">\n            <h3 class=\"ddl-pane-title\">Multi-Level Soft Play<\/h3>\n            <p class=\"ddl-pane-desc\">The configuration combines soft play equipment, enclosed routes, a tunnel, netted passages, slides, crawl events and ground-level activities as one indoor play structure. Exact module selection follows usable dimensions, clear height, target age and the intended supervision model.<\/p>\n          <\/div>\n\n          <div id=\"ddl-tab-3\" class=\"ddl-tab-pane\">\n            <h3 class=\"ddl-pane-title\">Activity and Discovery Mix<\/h3>\n            <p class=\"ddl-pane-desc\">Your concept can combine a climber, ball-play zone, interactive wall or floor game, themed role-play and fossil-discovery ideas. If trampoline park elements or another equipment class is requested, it is listed as a separate scope so its review route does not disappear inside a general playground quotation.<\/p>\n          <\/div>\n\n          <div id=\"ddl-tab-4\" class=\"ddl-tab-pane\">\n            <h3 class=\"ddl-pane-title\">Commercial Venue Integration<\/h3>\n            <p class=\"ddl-pane-desc\">Equipment is planned beside entrances, parent seating, party rooms, food service, circulation and other family entertainment uses shown on the brief. This keeps the playground product tied to the venue model rather than treating all available floor area as space for play equipment.<\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ddl-matrix-layout\">\n      \n      <div class=\"ddl-service-card\">\n        <h3>Project Service Scope<\/h3>\n        <p>Didi Land is an indoor playground equipment manufacturer for customizable indoor playground products and commercial playground equipment projects. We support your project with 3D design, custom soft-play module configuration, factory quotation and installation support. We configure soft-play modules around the target market&#8217;s applicable project requirements.<\/p>\n      <\/div>\n\n      <div class=\"ddl-app-card\">\n        <h3>Commercial Applications<\/h3>\n        <ul class=\"ddl-list\">\n          <li>Shopping malls and mixed-use commercial centers<\/li>\n          <li>Family entertainment center and indoor amusement park projects<\/li>\n          <li>Indoor children\u2019s play centers and family entertainment venues<\/li>\n          <li>Kindergartens, child care and early education centers<\/li>\n          <li>Family restaurants, hotels and resort kids\u2019 clubs<\/li>\n          <li>Community, museum and branded activity spaces<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ddl-scope-check\">\n      <h4>Scope check<\/h4>\n      <p>This page covers custom commercial indoor playground equipment. A standalone outdoor dinosaur climber for sale is a different product enquiry because exposure, surfacing, site works and the applicable safety standard may change.<\/p>\n    <\/div>\n\n    <div class=\"ddl-cta-box\">\n      <a href=\"#ct-popup-800\" class=\"ddl-btn\">Request Quotation<\/a>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function() {\n      const module = document.getElementById('ddl-dino-play-334');\n      if (!module) return;\n\n      const tabBtns = module.querySelectorAll('.ddl-tab-btn');\n      const tabPanes = module.querySelectorAll('.ddl-tab-pane');\n\n      tabBtns.forEach(btn => {\n        btn.addEventListener('click', function() {\n          const targetId = this.getAttribute('data-target');\n          \n          tabBtns.forEach(b => b.classList.remove('is-active'));\n          tabPanes.forEach(p => p.classList.remove('is-active'));\n\n          this.classList.add('is-active');\n          const targetPane = module.querySelector('#' + targetId);\n          if (targetPane) {\n            targetPane.classList.add('is-active');\n          }\n        });\n      });\n    })();\n  <\/script>\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-27e8728\" data-block-id=\"27e8728\"><style>.stk-27e8728 {margin-bottom:0px !important;}.stk-27e8728-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-27e8728-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-649aad2\" data-v=\"4\" data-block-id=\"649aad2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-649aad2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-649aad2-inner-blocks\">\n<div id=\"udb2b-dino-fun\" class=\"udb2b-dino-fun-wrap\">\n  <style>\n    \/* =========================================\n       0. \u57fa\u7840\u91cd\u7f6e\u4e0e\u5a31\u4e50\u5316\u84dd\u56fe\u80cc\u666f\n       ========================================= *\/\n    #udb2b-dino-fun.udb2b-dino-fun-wrap {\n      width: 100% !important;\n      position: relative;\n      background-color: #080D1A; \/* \u6781\u6df1\u5de5\u4e1a\u84dd\uff0c\u4fdd\u8bc1 B2B \u8d28\u611f *\/\n      \/* \u5a31\u4e50\u5316\u6ce2\u70b9\u7f51\u683c\uff0c\u6a21\u62df\u6e38\u4e50\u573a\u8bbe\u8ba1\u84dd\u56fe *\/\n      background-image: radial-gradient(rgba(0, 216, 255, 0.12) 2px, transparent 2px);\n      background-size: 32px 32px;\n      overflow: hidden;\n      padding: clamp(32px, 4vw, 48px) 0 clamp(64px, 8vw, 100px) 0;\n      font-family: inherit;\n      box-sizing: border-box;\n      color: #E2E8F0;\n    }\n    #udb2b-dino-fun * {\n      box-sizing: border-box;\n    }\n\n    \/* \u5a31\u4e50\u5316\u51e0\u4f55\u8272\u5757 1\uff1a\u5de8\u578b\u53d1\u5149\u6ce2\u6ce2\u7403 (\u53f3\u4e0a) *\/\n    #udb2b-dino-fun::before {\n      content: \"\";\n      position: absolute;\n      top: -10%;\n      right: -5%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle at 50% 50%, rgba(255, 216, 72, 0.08) 0%, transparent 60%);\n      border-radius: 50%;\n      z-index: 0;\n      pointer-events: none;\n    }\n    \/* \u5a31\u4e50\u5316\u51e0\u4f55\u8272\u5757 2\uff1a\u503e\u659c\u6ed1\u68af\u80f6\u56ca (\u5de6\u4e0b) *\/\n    #udb2b-dino-fun::after {\n      content: \"\";\n      position: absolute;\n      bottom: -10%;\n      left: -10%;\n      width: 800px;\n      height: 300px;\n      background: linear-gradient(135deg, rgba(0, 216, 255, 0.05) 0%, transparent 80%);\n      border-radius: 150px;\n      transform: rotate(-35deg);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    \/* =========================================\n       1. \u6838\u5fc3\u5185\u5c42 (1600px \u9650\u5236)\n       ========================================= *\/\n    #udb2b-dino-fun .udb2b-inner {\n      position: relative;\n      z-index: 2;\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex;\n      flex-direction: column;\n    }\n    \/* \u5a31\u4e50\u5316\u865a\u7ebf\u5708\u88c5\u9970 (\u589e\u52a0\u8bbe\u8ba1\u611f) *\/\n    #udb2b-dino-fun .udb2b-inner::before {\n      content: \"\";\n      position: absolute;\n      top: 15%; left: 45%;\n      width: 250px; height: 250px;\n      border: 2px dashed rgba(0, 216, 255, 0.15);\n      border-radius: 50%;\n      z-index: -1;\n      pointer-events: none;\n    }\n\n    \/* \u6807\u9898\u7edf\u4e00\u6837\u5f0f\uff1a\u4e25\u683c\u5de6\u5bf9\u9f50\u5145\u6ee1\u6362\u884c *\/\n    #udb2b-dino-fun .udb2b-sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(20px, 3vw, 24px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px); \n      font-weight: 700;\n      line-height: 1.15;\n      background: linear-gradient(90deg, #FFFFFF 0%, #00D8FF 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      color: #FFFFFF; \n      text-align: left;\n    }\n\n    #udb2b-dino-fun .udb2b-intro {\n      font-size: clamp(15px, 1.5vw, 17px);\n      line-height: 1.7;\n      color: #CBD5E1;\n      max-width: 1100px;\n      margin: 0 0 clamp(40px, 5vw, 64px) 0;\n    }\n\n    \/* =========================================\n       2. \u4ea4\u4e92\u5c55\u793a\u533a (\u5de6\u4fa7\u89c6\u89c9 + \u53f3\u4fa7\u6ed1\u8f68)\n       ========================================= *\/\n    #udb2b-dino-fun .udb2b-interactive-stage {\n      display: grid;\n      grid-template-columns: minmax(320px, 4fr) 8fr;\n      gap: clamp(24px, 4vw, 48px);\n      margin-bottom: clamp(48px, 6vw, 80px);\n      align-items: stretch;\n    }\n\n    \/* \u5de6\u4fa7\u89c6\u89c9\u951a\u70b9\u56fe *\/\n    #udb2b-dino-fun .udb2b-image-col {\n      position: relative;\n      \/* \u5a31\u4e50\u5316\u5927\u5706\u89d2\u8bbe\u8ba1 *\/\n      border-radius: 32px 8px 32px 8px; \n      overflow: hidden;\n      border: 1px solid rgba(0, 216, 255, 0.3);\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n      aspect-ratio: 4 \/ 3;\n    }\n    #udb2b-dino-fun .udb2b-image-col img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n    #udb2b-dino-fun .udb2b-image-col:hover img {\n      transform: scale(1.05);\n    }\n    #udb2b-dino-fun .udb2b-img-overlay {\n      position: absolute;\n      bottom: 0; left: 0; width: 100%;\n      padding: 32px 24px 24px 24px;\n      background: linear-gradient(to top, rgba(8, 13, 26, 0.95) 0%, rgba(8, 13, 26, 0) 100%);\n      pointer-events: none;\n    }\n    #udb2b-dino-fun .udb2b-img-tag {\n      display: inline-block;\n      background: rgba(0, 216, 255, 0.15);\n      backdrop-filter: blur(4px);\n      padding: 6px 12px;\n      border-radius: 20px;\n      border: 1px solid rgba(0, 216, 255, 0.3);\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n      color: #00D8FF;\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    \/* \u53f3\u4fa7\u6ed1\u8f68\u533a *\/\n    #udb2b-dino-fun .udb2b-slider-col {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      min-width: 0; \/* \u9632\u6b62 Flex \u5b50\u9879\u6491\u7834 Grid *\/\n    }\n\n    \/* \u63a7\u5236\u5668 *\/\n    #udb2b-dino-fun .udb2b-slider-controls {\n      display: flex;\n      justify-content: flex-end;\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n    #udb2b-dino-fun .udb2b-ctrl-btn {\n      width: 44px; height: 44px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.05);\n      border: 1px solid rgba(0, 216, 255, 0.3);\n      color: #00D8FF;\n      font-size: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n    #udb2b-dino-fun .udb2b-ctrl-btn:hover {\n      background: #00D8FF;\n      color: #080D1A;\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0, 216, 255, 0.3);\n    }\n\n    \/* \u6ed1\u8f68\u8f68\u9053 (\u6c34\u5e73\u539f\u751f\u6eda\u52a8\uff0c\u4e0d\u9690\u85cfDOM\uff0c100% SEO) *\/\n    #udb2b-dino-fun .udb2b-slider-track {\n      display: flex;\n      gap: 24px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      padding-bottom: 20px;\n      \/* \u9690\u85cf\u6eda\u52a8\u6761 *\/\n      scrollbar-width: none; \n      -ms-overflow-style: none;\n    }\n    #udb2b-dino-fun .udb2b-slider-track::-webkit-scrollbar {\n      display: none;\n    }\n\n    \/* \u7eaf\u5e73\u900f\u660e\u73bb\u7483\u5361\u7247 (\u9ad8\u5bf9\u6bd4\u5ea6\u4fdd\u8bc1\u6e05\u6670) *\/\n    #udb2b-dino-fun .udb2b-slide-card {\n      flex: 0 0 calc(50% - 12px); \/* \u684c\u9762\u7aef\u5e76\u63922\u4e2a *\/\n      scroll-snap-align: start;\n      background: rgba(15, 23, 42, 0.7); \/* \u6df1\u8272\u9ad8\u8986\u76d6\uff0c\u9632\u6b62\u6ce2\u70b9\u5f71\u54cd\u6587\u5b57 *\/\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-top: 4px solid #00D8FF;\n      border-radius: 16px;\n      padding: clamp(24px, 3vw, 32px);\n      display: flex;\n      flex-direction: column;\n      transition: background 0.3s, border-color 0.3s, transform 0.3s;\n    }\n    \/* \u4ea4\u9519\u9876\u90e8\u8272\u5f69\uff0c\u589e\u52a0\u6d3b\u6cfc\u611f *\/\n    #udb2b-dino-fun .udb2b-slide-card:nth-child(even) {\n      border-top-color: #FFD848;\n    }\n    #udb2b-dino-fun .udb2b-slide-card:hover {\n      background: rgba(15, 23, 42, 0.9);\n      border-color: rgba(255, 255, 255, 0.2);\n      transform: translateY(-4px); \/* \u7eaf\u5e73\u4f4d\u79fb\uff0c\u65e03D *\/\n    }\n\n    #udb2b-dino-fun .udb2b-card-h4 {\n      font-size: clamp(17px, 1.5vw, 20px);\n      font-weight: 700;\n      color: #FFFFFF;\n      margin: 0 0 12px 0;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    \/* \u5a31\u4e50\u5316\u524d\u7f00\u88c5\u9970 *\/\n    #udb2b-dino-fun .udb2b-slide-card:nth-child(odd) .udb2b-card-h4::before {\n      content: \"\"; display: block; width: 12px; height: 12px; background: #00D8FF; border-radius: 3px; transform: rotate(45deg);\n    }\n    #udb2b-dino-fun .udb2b-slide-card:nth-child(even) .udb2b-card-h4::before {\n      content: \"\"; display: block; width: 12px; height: 12px; background: #FFD848; border-radius: 50%;\n    }\n\n    #udb2b-dino-fun .udb2b-card-text {\n      font-size: clamp(14px, 1.3vw, 15px);\n      line-height: 1.6;\n      color: #94A3B8;\n      margin: 0;\n    }\n\n    \/* =========================================\n       3. \u4e92\u52a8\u5ba1\u67e5\u6e05\u5355 (2x2 \u7d27\u51d1\u77e9\u9635\uff0c\u6d88\u706d\u7a7a\u767d)\n       ========================================= *\/\n    #udb2b-dino-fun .udb2b-review-panel {\n      width: 100%;\n      background: rgba(0, 216, 255, 0.03);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      border: 1px solid rgba(0, 216, 255, 0.15);\n      border-left: 6px solid #00D8FF;\n      border-radius: 8px 24px 8px 24px;\n      padding: clamp(24px, 4vw, 40px);\n      margin-bottom: clamp(40px, 6vw, 64px);\n    }\n\n    #udb2b-dino-fun .udb2b-review-h3 {\n      font-size: clamp(20px, 2vw, 24px);\n      font-weight: 700;\n      color: #00D8FF;\n      margin: 0 0 24px 0;\n    }\n\n    #udb2b-dino-fun .udb2b-review-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 20px;\n    }\n\n    #udb2b-dino-fun .udb2b-review-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      font-size: clamp(14px, 1.3vw, 15px);\n      line-height: 1.6;\n      color: #E2E8F0;\n      background: rgba(255, 255, 255, 0.03);\n      padding: 16px 20px;\n      border-radius: 12px;\n      border: 1px solid transparent;\n      transition: border-color 0.2s;\n    }\n    #udb2b-dino-fun .udb2b-review-item:hover {\n      border-color: rgba(255, 216, 72, 0.3);\n    }\n    #udb2b-dino-fun .udb2b-review-item::before {\n      content: \"\u2713\";\n      color: #FFD848;\n      background: rgba(255, 216, 72, 0.1);\n      width: 24px; height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      font-weight: 900;\n      font-size: 12px;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    \/* =========================================\n       4. \u5c45\u4e2d\u53d1\u5149 CTA \u6309\u94ae\n       ========================================= *\/\n    #udb2b-dino-fun .udb2b-cta-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n    }\n\n    #udb2b-dino-fun .udb2b-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background-color: #00D8FF;\n      color: #080D1A;\n      padding: 18px 48px;\n      font-size: clamp(15px, 1.4vw, 16px);\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-decoration: none;\n      border-radius: 50px; \/* \u80f6\u56ca\u5706\u89d2\u589e\u52a0\u6d3b\u6cfc\u611f *\/\n      box-shadow: 0 0 24px rgba(0, 216, 255, 0.3);\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n    }\n\n    #udb2b-dino-fun .udb2b-btn:hover {\n      background-color: #FFD848;\n      color: #080D1A;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(255, 216, 72, 0.4);\n    }\n\n    \/* \u79fb\u52a8\u7aef\u54cd\u5e94\u5f0f *\/\n    @media (max-width: 992px) {\n      #udb2b-dino-fun .udb2b-interactive-stage {\n        grid-template-columns: 1fr;\n      }\n      #udb2b-dino-fun .udb2b-image-col {\n        aspect-ratio: 16 \/ 9;\n      }\n    }\n    @media (max-width: 640px) {\n      #udb2b-dino-fun .udb2b-slide-card {\n        flex: 0 0 calc(85%); \/* \u79fb\u52a8\u7aef\u5c55\u793a\u4e00\u5927\u534a\uff0c\u6697\u793a\u53ef\u6ed1\u52a8 *\/\n      }\n    }\n  <\/style>\n\n  <div class=\"udb2b-inner\">\n    <!-- \u6807\u9898\u4e0e\u5f15\u8a00 -->\n    <h2 class=\"udb2b-sbt-h2\">Dinosaur Theme and Activity-Zone Configuration<\/h2>\n    <p class=\"udb2b-intro\">A strong dinosaur themed playground does more than place statues around generic play structures. A themed landmark is not a substitute for a clear guest route; each element needs a job\u2014invite entry, signal an age zone, frame a photo moment, support a play action or guide families toward the next activity.<\/p>\n\n    <!-- \u4ea4\u4e92\u5c55\u793a\u533a\uff1a\u56fe\u6587\u8fde\u52a8\u6ed1\u8f68 -->\n    <div class=\"udb2b-interactive-stage\">\n      \n      <!-- \u5de6\u4fa7\uff1a\u89c6\u89c9\u951a\u70b9\u56fe -->\n      <div class=\"udb2b-image-col\">\n        <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development3.jpg\" alt=\"Dinosaur Theme Playground Development\" fetchpriority=\"high\">\n        <div class=\"udb2b-img-overlay\">\n          <div class=\"udb2b-img-tag\">SYS \/\/ DINO-ZONE PLAN<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\uff1a\u6c34\u5e73\u6ed1\u8f68\u533a (SEO \u53cb\u597d\uff0c\u539f\u751f\u6a2a\u5411\u6eda\u52a8) -->\n      <div class=\"udb2b-slider-col\">\n        <div class=\"udb2b-slider-controls\">\n          <button class=\"udb2b-ctrl-btn\" id=\"udb2b-prev\" aria-label=\"Previous Zone\">&#8592;<\/button>\n          <button class=\"udb2b-ctrl-btn\" id=\"udb2b-next\" aria-label=\"Next Zone\">&#8594;<\/button>\n        <\/div>\n        \n        <div class=\"udb2b-slider-track\" id=\"udb2b-track\">\n          <!-- Slide 1 -->\n          <div class=\"udb2b-slide-card\">\n            <h4 class=\"udb2b-card-h4\">Arrival Landmark<\/h4>\n            <p class=\"udb2b-card-text\">A large dinosaur, egg portal or themed arch gives the venue an immediate identity and helps families understand where the play journey starts. Its position responds to entrances, queue space and parent sightlines supplied in the plan.<\/p>\n          <\/div>\n          <!-- Slide 2 -->\n          <div class=\"udb2b-slide-card\">\n            <h4 class=\"udb2b-card-h4\">Active Adventure Zone<\/h4>\n            <p class=\"udb2b-card-text\">Climbing, bridge, tube and slide routes create the physical core. The review checks direction of travel, landing areas, crossings and whether a fast activity ends in a space where another child may be standing or playing.<\/p>\n          <\/div>\n          <!-- Slide 3 -->\n          <div class=\"udb2b-slide-card\">\n            <h4 class=\"udb2b-card-h4\">Toddler Soft-Play Zone<\/h4>\n            <p class=\"udb2b-card-text\">A toddler zone needs its own exact age boundary, entry control and lower-intensity activities. \u201cKids\u201d is not a design input: under-two users, ages 2 to 5 and older children can require different equipment choices and operating rules.<\/p>\n          <\/div>\n          <!-- Slide 4 -->\n          <div class=\"udb2b-slide-card\">\n            <h4 class=\"udb2b-card-h4\">Ball and Slide Zone<\/h4>\n            <p class=\"udb2b-card-text\">Ball pits add strong visual energy, but the landing and access plan matters. The CPSC warns that a child in front of a slide exit into a ball pool may be struck, so the slide, ball area and supervision line are reviewed together.<\/p>\n          <\/div>\n          <!-- Slide 5 -->\n          <div class=\"udb2b-slide-card\">\n            <h4 class=\"udb2b-card-h4\">Discovery and Interactive Zone<\/h4>\n            <p class=\"udb2b-card-text\">Fossil, egg, projected-game and role-play ideas slow the pace between active routes and give families another reason to explore. These experiences also give a venue a practical update path when operators want new things without rebuilding the main frame.<\/p>\n          <\/div>\n          <!-- Slide 6 -->\n          <div class=\"udb2b-slide-card\">\n            <h4 class=\"udb2b-card-h4\">Parent and Support Zone<\/h4>\n            <p class=\"udb2b-card-text\">Seating, caf\u00e9 sightlines, party access, shoe storage, cleaning routes and staff positions sit outside the equipment list but affect the whole play environment. We reserve these requirements in the brief so a large play structure does not consume every useful square metre.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u4e92\u52a8\u5ba1\u67e5\u6e05\u5355 (2x2 \u7d27\u51d1\u77e9\u9635) -->\n    <div class=\"udb2b-review-panel\">\n      <h3 class=\"udb2b-review-h3\">Interaction review<\/h3>\n      <ul class=\"udb2b-review-list\">\n        <li class=\"udb2b-review-item\">Check slide exits against ball play, queues and walking routes.<\/li>\n        <li class=\"udb2b-review-item\">Separate smaller children where mixed-age collisions would put them at a disadvantage.<\/li>\n        <li class=\"udb2b-review-item\">Keep staff and parent viewing lines through nets, landmarks and transitions.<\/li>\n        <li class=\"udb2b-review-item\">Provide clean-access paths to tunnels, corners, padding and ball areas.<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- \u5c45\u4e2d CTA \u6309\u94ae -->\n    <div class=\"udb2b-cta-wrap\">\n      <a href=\"#ct-popup-800\" class=\"udb2b-btn\">Zone Configuration Review<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u539f\u751f JS \u9a71\u52a8\u4ea4\u4e92\u6ed1\u8f68\uff0c\u589e\u5f3a\u4f53\u9a8c -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const track = document.getElementById('udb2b-track');\n      const btnPrev = document.getElementById('udb2b-prev');\n      const btnNext = document.getElementById('udb2b-next');\n      \n      if (track && btnPrev && btnNext) {\n        \/\/ \u8ba1\u7b97\u6bcf\u6b21\u6ed1\u52a8\u7684\u8ddd\u79bb (\u5361\u7247\u5bbd\u5ea6 + gap)\n        const getScrollAmount = () => {\n          const card = track.querySelector('.udb2b-slide-card');\n          return card ? card.offsetWidth + 24 : 320;\n        };\n\n        btnNext.addEventListener('click', () => {\n          track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\n        });\n\n        btnPrev.addEventListener('click', () => {\n          track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\n        });\n      }\n    });\n  <\/script>\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-953e0b7\" data-block-id=\"953e0b7\"><style>.stk-953e0b7 {margin-bottom:0px !important;}.stk-953e0b7-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-953e0b7-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5f383e0\" data-v=\"4\" data-block-id=\"5f383e0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5f383e0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5f383e0-inner-blocks\">\n<section id=\"udt-playdock-module\" class=\"udt-module-wrapper\">\n  <!-- \u7ed3\u6784\u5316\u6570\u636e\uff1aOrganization -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Didi Land\",\n    \"industry\": \"Amusement Equipment Manufacturing\"\n  }\n  <\/script>\n\n  <!-- \u68a6\u5e7b\u6e38\u4e50\u573a\u6c1b\u56f4\u5149\u6655 -->\n  <div class=\"udt-spotlight udt-blob-cyan\"><\/div>\n  <div class=\"udt-spotlight udt-blob-yellow\"><\/div>\n\n  <div class=\"udt-module-inner\">\n    \n    <!-- \u5934\u90e8\u6392\u7248\uff1a\u5168\u5bbd\u6362\u884c\u3001\u5c45\u4e2d\uff0c\u52a0\u6df1\u84dd\u8272\u6e10\u53d8 -->\n    <div class=\"udt-header-block\">\n      <h2 class=\"sbt-h2\">Dinosaur Venue Brief for 3D Playground Design<\/h2>\n      <p class=\"udt-body-intro\">The fastest route to a useful concept is a complete site brief. Send the following eight inputs together; missing columns, exits or age boundaries create more redesign than a late color change.<\/p>\n    <\/div>\n\n    <!-- \u5a31\u4e50\u5316\u80f6\u56ca\u5bfc\u822a\u680f (Tabs Navigation) -->\n    <div class=\"udt-tab-nav-wrapper\">\n      <div class=\"udt-tab-nav\">\n        <button class=\"udt-tab-btn active\" data-target=\"udt-tab-1\">Geometry<\/button>\n        <button class=\"udt-tab-btn\" data-target=\"udt-tab-2\">Business Plan<\/button>\n        <button class=\"udt-tab-btn\" data-target=\"udt-tab-3\">Destination<\/button>\n        <button class=\"udt-tab-btn\" data-target=\"udt-tab-4\">Output<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u52a8\u6001\u5c55\u53f0\u533a\uff1a\u5de6\u56fe\u53f3\u6587\u4ea4\u4e92 -->\n    <div class=\"udt-stage-area\">\n      \n      <!-- \u5de6\u4fa7\uff1a\u6df1\u5c42\u6b21\u5a31\u4e50\u5316\u89c6\u89c9 (\u53d8\u5f62\u79ef\u6728\u56fe) -->\n      <div class=\"udt-stage-visual\">\n        <div class=\"udt-morph-wrapper\">\n          <div class=\"udt-morph-bg yellow-bg\"><\/div>\n          <div class=\"udt-morph-bg cyan-bg\"><\/div>\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development4.jpg\" alt=\"Dinosaur 3D Playground Design Concept\" class=\"udt-morph-image\" loading=\"lazy\">\n          <!-- \u60ac\u6d6e\u5a31\u4e50\u8d34\u7eb8 -->\n          <div class=\"udt-floating-badge\">\n            <span class=\"udt-badge-dot\"><\/span> 3D Concept\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\uff1aTab \u5185\u5bb9\u533a (\u901a\u8fc7 off-screen \u9690\u85cf\uff0c\u4e0d\u4f7f\u7528 display:none) -->\n      <div class=\"udt-stage-content\">\n        \n        <!-- Tab 1 -->\n        <div class=\"udt-tab-panel active\" id=\"udt-tab-1\">\n          <div class=\"udt-glass-card\">\n            <h3 class=\"udt-h3\"><span class=\"udt-icon-pill cyan\"><\/span>Building Geometry<\/h3>\n            <ul class=\"udt-playful-list cyan-markers\">\n              <li>Dimensioned floor plan or measured sketch<\/li>\n              <li>Usable length and width<\/li>\n              <li>Clear height and overhead services<\/li>\n              <li>Columns, walls, doors, entrances and exits<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Tab 2 -->\n        <div class=\"udt-tab-panel\" id=\"udt-tab-2\">\n          <div class=\"udt-glass-card\">\n            <h3 class=\"udt-h3\"><span class=\"udt-icon-pill yellow\"><\/span>Guest and Business Plan<\/h3>\n            <ul class=\"udt-playful-list yellow-markers\">\n              <li>Exact minimum and maximum target age<\/li>\n              <li>Target concurrent guest count and operating model<\/li>\n              <li>Priority activities and theme direction<\/li>\n              <li>Budget range, currency and target opening date<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Tab 3 -->\n        <div class=\"udt-tab-panel\" id=\"udt-tab-3\">\n          <div class=\"udt-glass-card\">\n            <h3 class=\"udt-h3\"><span class=\"udt-icon-pill cyan\"><\/span>Destination Review<\/h3>\n            <p class=\"udt-body-text\">State the country, city, venue classification and any requirements already issued by a landlord, local authority, insurer or qualified project professional. That list defines the product and document questions that belong in the quotation.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Tab 4 -->\n        <div class=\"udt-tab-panel\" id=\"udt-tab-4\">\n          <div class=\"udt-glass-card udt-card-accent\">\n            <h3 class=\"udt-h3\"><span class=\"udt-icon-pill yellow\"><\/span>What You Receive for Review<\/h3>\n            <p class=\"udt-body-text\">A custom 3D concept, activity-zone layout and factory quotation support the review. The review should show what Didi Land supplies, what the buyer or local team supplies, and which points remain shared until the site and installation route are confirmed.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- \u5c45\u4e2d\u7ec4\u5408\u578b\u5927\u6309\u94ae -->\n    <div class=\"udt-cta-container\">\n      <a href=\"#ct-popup-800\" class=\"udt-primary-cta\">\n        <span class=\"udt-cta-main\">Open the Dinosaur Venue Brief Builder<\/span>\n        <span class=\"udt-cta-sub\">Send Your Venue Inputs<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* \u5916\u5c42\u57fa\u5e95\uff1a\u767d\u5e95\uff0c\u7f29\u77ed\u4e0a\u8fb9\u8ddd *\/\n    #udt-playdock-module {\n      position: relative;\n      width: 100% !important;\n      background-color: #FFFFFF !important; \n      padding-block: clamp(24px, 3vw, 40px);\n      font-family: inherit;\n      box-sizing: border-box;\n      overflow: hidden;\n      z-index: 1;\n    }\n    #udt-playdock-module * { box-sizing: border-box; }\n\n    \/* \u68a6\u5e7b\u6e38\u4e50\u805a\u5149\u706f *\/\n    #udt-playdock-module .udt-spotlight {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(120px);\n      z-index: -1;\n      opacity: 0.15;\n      pointer-events: none;\n    }\n    #udt-playdock-module .udt-blob-cyan {\n      width: 45vw; height: 45vw;\n      background: #00D8FF;\n      top: 0; left: -10%;\n    }\n    #udt-playdock-module .udt-blob-yellow {\n      width: 40vw; height: 40vw;\n      background: #FFD848;\n      bottom: 0; right: -5%;\n    }\n\n    #udt-playdock-module .udt-module-inner {\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(16px, 3vw, 40px);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u5934\u90e8\u6392\u7248 *\/\n    #udt-playdock-module .udt-header-block {\n      text-align: center;\n      margin-bottom: clamp(24px, 3vw, 32px);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    #udt-playdock-module .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(16px, 2vw, 20px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 800;\n      line-height: 1.15;\n      color: transparent; \n      background: linear-gradient(135deg, #00A3C4 0%, #00D8FF 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n      text-align: center; \n    }\n    #udt-playdock-module .udt-body-intro {\n      width: 100%;\n      max-width: 960px;\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      line-height: 1.6;\n      color: #374151; \n      margin: 0;\n    }\n\n    \/* \u5a31\u4e50\u5316\u80f6\u56ca\u5bfc\u822a\u680f *\/\n    #udt-playdock-module .udt-tab-nav-wrapper {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      margin-bottom: clamp(30px, 4vw, 40px);\n    }\n    #udt-playdock-module .udt-tab-nav {\n      display: inline-flex;\n      background: #F3F4F6;\n      padding: 8px;\n      border-radius: 60px;\n      box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n    }\n    #udt-playdock-module .udt-tab-btn {\n      background: transparent;\n      border: none;\n      color: #4B5563;\n      font-family: inherit;\n      font-size: clamp(14px, 1.1vw, 16px);\n      font-weight: 700;\n      padding: 12px 24px;\n      border-radius: 40px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    #udt-playdock-module .udt-tab-btn:hover {\n      color: #00D8FF;\n    }\n    #udt-playdock-module .udt-tab-btn.active {\n      background: #00D8FF;\n      color: #FFFFFF;\n      box-shadow: 0 8px 20px rgba(0, 216, 255, 0.3);\n      transform: scale(1.02);\n    }\n\n    \/* \u52a8\u6001\u5c55\u53f0\u533a *\/\n    #udt-playdock-module .udt-stage-area {\n      display: flex;\n      flex-wrap: wrap;\n      gap: clamp(30px, 4vw, 50px);\n      align-items: center;\n      margin-bottom: clamp(40px, 5vw, 60px);\n    }\n\n    \/* \u5de6\u4fa7\uff1a\u6df1\u5c42\u6b21\u56fe\u7247\u53d8\u5f62\u52a8\u753b *\/\n    #udt-playdock-module .udt-stage-visual {\n      flex: 1 1 450px;\n      display: flex;\n      justify-content: center;\n      position: relative;\n    }\n    #udt-playdock-module .udt-morph-wrapper {\n      position: relative;\n      width: 100%;\n      max-width: 500px;\n      aspect-ratio: 1 \/ 1;\n    }\n    \/* \u6838\u5fc3\u52a8\u753b\uff1a\u6e38\u4e50\u79ef\u6728\u6d41\u4f53\u53d8\u5f62 *\/\n    @keyframes udtMorph {\n      0% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n      50% { border-radius: 30% 60% 70% 40% \/ 50% 60% 30% 60%; }\n      100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n    }\n    #udt-playdock-module .udt-morph-bg {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      animation: udtMorph 8s ease-in-out infinite;\n    }\n    #udt-playdock-module .yellow-bg {\n      background: #FFD848;\n      transform: scale(1.05) translate(-10px, 15px);\n      opacity: 0.6;\n      animation-delay: -2s;\n    }\n    #udt-playdock-module .cyan-bg {\n      background: #00D8FF;\n      transform: scale(1.02) translate(15px, -10px);\n      opacity: 0.4;\n      animation-delay: -4s;\n    }\n    #udt-playdock-module .udt-morph-image {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      position: relative;\n      z-index: 2;\n      animation: udtMorph 8s ease-in-out infinite;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \/* \u60ac\u6d6e\u8d34\u7eb8 *\/\n    #udt-playdock-module .udt-floating-badge {\n      position: absolute;\n      bottom: 10%; right: -5%;\n      z-index: 3;\n      background: rgba(255, 255, 255, 0.9);\n      backdrop-filter: blur(10px);\n      padding: 12px 24px;\n      border-radius: 30px;\n      font-weight: 800;\n      font-size: 15px;\n      color: #111827;\n      box-shadow: 0 10px 25px rgba(0, 216, 255, 0.2);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      animation: udtFloat 4s ease-in-out infinite;\n    }\n    #udt-playdock-module .udt-badge-dot {\n      width: 10px; height: 10px;\n      border-radius: 50%;\n      background: #FFD848;\n      box-shadow: 0 0 8px rgba(255, 216, 72, 0.8);\n    }\n    @keyframes udtFloat {\n      0% { transform: translateY(0); }\n      50% { transform: translateY(-15px); }\n      100% { transform: translateY(0); }\n    }\n\n    \/* \u53f3\u4fa7\uff1aTab \u627f\u8f7d\u533a *\/\n    #udt-playdock-module .udt-stage-content {\n      flex: 1.2 1 450px;\n      position: relative;\n      min-height: 280px; \/* \u9884\u7559\u9ad8\u5ea6\u9632\u6b62\u8df3\u52a8 *\/\n    }\n\n    \/* SEO \u5b89\u5168\u9690\u85cf\uff1a\u7edd\u5bf9\u5b9a\u4f4d\u79fb\u9664\u89c6\u53e3\uff0c\u7edd\u4e0d\u4f7f\u7528 display:none *\/\n    #udt-playdock-module .udt-tab-panel {\n      position: absolute;\n      left: -9999px;\n      top: 0;\n      width: 100%;\n      height: 0;\n      overflow: hidden;\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }\n    #udt-playdock-module .udt-tab-panel.active {\n      position: relative;\n      left: 0;\n      height: auto;\n      overflow: visible;\n      opacity: 1;\n      animation: udtSlideIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n    }\n\n    @keyframes udtSlideIn {\n      from { transform: translateX(20px); opacity: 0; }\n      to { transform: translateX(0); opacity: 1; }\n    }\n\n    \/* \u73bb\u7483\u62df\u6001\u5185\u5bb9\u5361\u7247 *\/\n    #udt-playdock-module .udt-glass-card {\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border-radius: 32px;\n      padding: clamp(30px, 4vw, 40px);\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255,255,255,1);\n    }\n    #udt-playdock-module .udt-card-accent {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 220, 0.6) 100%);\n    }\n\n    #udt-playdock-module .udt-h3 {\n      font-size: clamp(22px, 1.8vw, 26px);\n      font-weight: 800;\n      line-height: 1.3;\n      color: #111827; \n      margin: 0 0 20px 0;\n      display: flex;\n      align-items: center;\n    }\n    #udt-playdock-module .udt-icon-pill {\n      display: inline-block;\n      width: 8px; height: 24px;\n      border-radius: 4px;\n      margin-right: 14px;\n      flex-shrink: 0;\n    }\n    #udt-playdock-module .udt-icon-pill.cyan { background: #00D8FF; }\n    #udt-playdock-module .udt-icon-pill.yellow { background: #FFD848; }\n\n    #udt-playdock-module .udt-body-text {\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      line-height: 1.6;\n      color: #374151;\n      margin: 0;\n    }\n\n    \/* \u836f\u4e38\u56fe\u6807\u5217\u8868 *\/\n    #udt-playdock-module .udt-playful-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n    #udt-playdock-module .udt-playful-list li {\n      position: relative;\n      padding-left: 28px;\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      color: #374151;\n      line-height: 1.5;\n    }\n    #udt-playdock-module .udt-playful-list li::before {\n      content: \"\";\n      position: absolute;\n      left: 0; top: 8px;\n      width: 14px; height: 6px;\n      border-radius: 6px;\n    }\n    #udt-playdock-module .cyan-markers li::before { background: #00D8FF; }\n    #udt-playdock-module .yellow-markers li::before { background: #FFD848; }\n\n    \/* \u5c45\u4e2d CTA *\/\n    #udt-playdock-module .udt-cta-container {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n    }\n    #udt-playdock-module .udt-primary-cta {\n      display: inline-flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      background: #00D8FF; \n      padding: 16px 50px;\n      border-radius: 60px;\n      text-decoration: none;\n      box-shadow: 0 10px 30px rgba(0, 216, 255, 0.3);\n      transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    #udt-playdock-module .udt-primary-cta::after {\n      content: \"\";\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: #FFD848;\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      z-index: 1;\n    }\n    #udt-playdock-module .udt-primary-cta:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: 0 15px 40px rgba(255, 216, 72, 0.4);\n    }\n    #udt-playdock-module .udt-primary-cta:hover::after { opacity: 1; }\n    \n    #udt-playdock-module .udt-cta-main {\n      font-size: clamp(16px, 1.4vw, 18px);\n      font-weight: 800;\n      color: #FFFFFF;\n      position: relative;\n      z-index: 2;\n      transition: color 0.3s ease;\n    }\n    #udt-playdock-module .udt-cta-sub {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.95);\n      margin-top: 4px;\n      position: relative;\n      z-index: 2;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      transition: color 0.3s ease;\n    }\n    #udt-playdock-module .udt-primary-cta:hover .udt-cta-main,\n    #udt-playdock-module .udt-primary-cta:hover .udt-cta-sub {\n      color: #111827; \n    }\n\n    @media (max-width: 992px) {\n      #udt-playdock-module .udt-stage-area { flex-direction: column; }\n      #udt-playdock-module .udt-stage-visual { max-width: 450px; margin: 0 auto; }\n      #udt-playdock-module .udt-stage-content { min-height: auto; width: 100%; }\n      #udt-playdock-module .udt-tab-panel.active { animation: none; }\n    }\n    @media (max-width:690px) {\n      #udt-playdock-module .udt-tab-nav { border-radius: 20px; }\n      #udt-playdock-module .udt-tab-btn { width: 100%; border-radius: 12px; }\n      #udt-playdock-module .udt-primary-cta { width: 100%; padding-inline: 20px; text-align: center; }\n    }\n  <\/style>\n\n  <!-- \u6781\u7b80 Vanilla JS \u63a7\u5236 Tab \u5207\u6362 -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const module = document.getElementById('udt-playdock-module');\n      if(!module) return;\n      \n      const btns = module.querySelectorAll('.udt-tab-btn');\n      const panels = module.querySelectorAll('.udt-tab-panel');\n\n      btns.forEach(btn => {\n        btn.addEventListener('click', function() {\n          \/\/ \u79fb\u9664\u6240\u6709 active\n          btns.forEach(b => b.classList.remove('active'));\n          panels.forEach(p => p.classList.remove('active'));\n          \n          \/\/ \u6fc0\u6d3b\u5f53\u524d\n          this.classList.add('active');\n          const targetId = this.getAttribute('data-target');\n          const targetPanel = module.querySelector('#' + targetId);\n          if(targetPanel) {\n            targetPanel.classList.add('active');\n          }\n        });\n      });\n    });\n  <\/script>\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-4d08135\" data-block-id=\"4d08135\"><style>.stk-4d08135 {margin-bottom:0px !important;}.stk-4d08135-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-4d08135-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-0ec2394\" data-v=\"4\" data-block-id=\"0ec2394\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-0ec2394-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-0ec2394-inner-blocks\">\n<section id=\"ddl-specs-console\">\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What numeric fields are required for Usable floor rectangle?\",\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"1 length + 1 width, in metres. It controls the initial equipment footprint and circulation study.\" }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What numeric fields are required for Clear vertical space?\",\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"1 clear-height value, in metres. It determines the number and type of elevated levels that can be reviewed.\" }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What numeric fields are required for Target age band?\",\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"1 minimum age + 1 maximum age. It determines the toddler boundary, activity intensity and operating rules.\" }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What numeric fields are required for Budget scope?\",\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"1 range + 1 currency. It controls concept choices and what is included in the factory quotation.\" }\n      }\n    ]\n  }\n  <\/script>\n\n  <div class=\"ddl-sc-bg-splice-1\"><\/div>\n  <div class=\"ddl-sc-bg-splice-2\"><\/div>\n  <div class=\"ddl-sc-spotlight-cyan\"><\/div>\n  <div class=\"ddl-sc-spotlight-yellow\"><\/div>\n\n  <div class=\"ddl-sc-inner\">\n    \n    <div class=\"ddl-sc-header\">\n      <h2 class=\"sbt-h2\">Site Inputs, Age Zoning and Guest Flow<\/h2>\n      <p class=\"ddl-sc-desc\">\n        This is the main specification table for the enquiry stage. Its numbers are fields the buyer supplies\u2014not finished-equipment claims\u2014so the design team can turn a real room and operating plan into a testable concept.\n      <\/p>\n    <\/div>\n\n    <div class=\"ddl-sc-console-wrapper\">\n      \n      <div class=\"ddl-sc-flank left-flank\" role=\"tablist\">\n        <button class=\"ddl-sc-tab-btn active\" role=\"tab\" aria-selected=\"true\" data-target=\"ddl-spec-1\">\n          <span class=\"ddl-sc-icon\"><\/span>Usable floor rectangle\n        <\/button>\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-2\">\n          <span class=\"ddl-sc-icon\"><\/span>Clear vertical space\n        <\/button>\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-3\">\n          <span class=\"ddl-sc-icon\"><\/span>Fixed obstructions\n        <\/button>\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-4\">\n          <span class=\"ddl-sc-icon\"><\/span>Target age band\n        <\/button>\n      <\/div>\n\n      <div class=\"ddl-sc-center-stage\">\n        <div class=\"ddl-sc-hologram-glass\">\n          \n          <div class=\"ddl-sc-holo-frame\">\n            <div id=\"ddl-spec-1\" class=\"ddl-sc-pane active\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Usable floor rectangle<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>1 length + 1 width, in metres<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Initial equipment footprint and circulation study<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-2\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Clear vertical space<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>1 clear-height value, in metres<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Number and type of elevated levels that can be reviewed<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-3\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Fixed obstructions<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>Count and dimensions for columns, doors and entrances<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Frame breaks, access points, queues and sightlines<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-4\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Target age band<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>1 minimum age + 1 maximum age<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Toddler boundary, activity intensity and operating rules<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-5\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Concurrent guest target<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>1 planning count<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Buyer\u2019s operating brief; local capacity and egress remain a local determination<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-6\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Activity priorities<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>Rank at least 3 desired activities<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Balance of climbing, sliding, soft play, discovery and support space<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-7\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Budget scope<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>1 range + 1 currency<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Concept choices and what is included in the factory quotation<\/p>\n              <\/div>\n            <\/div>\n\n            <div id=\"ddl-spec-8\" class=\"ddl-sc-pane\" role=\"tabpanel\">\n              <div class=\"ddl-sc-pane-label\">INPUT REQUIREMENT<\/div>\n              <h3 class=\"ddl-sc-pane-title\">Opening target<\/h3>\n              <div class=\"ddl-sc-data-box box-cyan\">\n                <span class=\"box-lbl\">Numeric fields to supply<\/span>\n                <p>1 target date<\/p>\n              <\/div>\n              <div class=\"ddl-sc-data-box box-yellow\">\n                <span class=\"box-lbl\">Decision it controls<\/span>\n                <p>Backward planning across approval, 20\u201360 working-day production, freight, installation and local review<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ddl-sc-holo-base\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ddl-sc-flank right-flank\" role=\"tablist\">\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-5\">\n          <span class=\"ddl-sc-icon\"><\/span>Concurrent guest target\n        <\/button>\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-6\">\n          <span class=\"ddl-sc-icon\"><\/span>Activity priorities\n        <\/button>\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-7\">\n          <span class=\"ddl-sc-icon\"><\/span>Budget scope\n        <\/button>\n        <button class=\"ddl-sc-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"ddl-spec-8\">\n          <span class=\"ddl-sc-icon\"><\/span>Opening target\n        <\/button>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ddl-sc-alert-box\">\n      <div class=\"ddl-sc-alert-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#020617\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n      <\/div>\n      <div class=\"ddl-sc-alert-content\">\n        <h3>Do not infer capacity from floor area alone<\/h3>\n        <p>A square-metre figure cannot settle guest capacity, fire strategy, exits, supervision, accessible routes or staff numbers. Keep the buyer\u2019s target as an input, then have the responsible local professionals confirm the allowable operating plan.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ddl-sc-cta-wrap\">\n      <a href=\"#ct-popup-800\" class=\"ddl-sc-btn-primary\">Plan Your Activity-Zone Split<\/a>\n      <a href=\"#ct-popup-800\" class=\"ddl-sc-btn-secondary\">Request a Layout Review<\/a>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* Reset & Constraints (Dark Mode) *\/\n    #ddl-specs-console {\n      position: relative;\n      width: 100% !important;\n      background-color: #040914; \/* \u6781\u6df1\u84dd\u9ed1\uff0c\u7a81\u51fa\u8367\u5149 *\/\n      padding-block: clamp(24px, 4vw, 40px) clamp(60px, 8vw, 100px); \/* \u7f29\u77ed\u4e0a\u8fb9\u8ddd *\/\n      box-sizing: border-box;\n      overflow: hidden;\n      z-index: 1;\n      font-family: inherit;\n      color: #e2e8f0;\n    }\n    #ddl-specs-console * { box-sizing: border-box; }\n\n    \/* \u80cc\u666f\uff1a\u4e0d\u89c4\u5219\u8272\u5757\u5207\u5272\u4e0e\u6e38\u4e50\u5149\u6548 *\/\n    #ddl-specs-console .ddl-sc-bg-splice-1 {\n      position: absolute; top: 0; left: 0; width: 60%; height: 100%;\n      background: linear-gradient(135deg, rgba(0, 216, 255, 0.03) 0%, transparent 100%);\n      clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);\n      z-index: -2;\n    }\n    #ddl-specs-console .ddl-sc-bg-splice-2 {\n      position: absolute; bottom: 0; right: 0; width: 50%; height: 80%;\n      background: linear-gradient(-45deg, rgba(255, 216, 72, 0.03) 0%, transparent 100%);\n      clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);\n      z-index: -2;\n    }\n    #ddl-specs-console .ddl-sc-spotlight-cyan {\n      position: absolute; top: 20%; left: 30%; transform: translate(-50%, -50%);\n      width: 50vw; height: 50vw; border-radius: 50%;\n      background: radial-gradient(circle, rgba(0, 216, 255, 0.1) 0%, transparent 60%);\n      z-index: -1; pointer-events: none; filter: blur(40px);\n    }\n    #ddl-specs-console .ddl-sc-spotlight-yellow {\n      position: absolute; bottom: 10%; right: 10%; transform: translate(50%, 50%);\n      width: 40vw; height: 40vw; border-radius: 50%;\n      background: radial-gradient(circle, rgba(255, 216, 72, 0.08) 0%, transparent 60%);\n      z-index: -1; pointer-events: none; filter: blur(40px);\n    }\n\n    \/* Inner Container *\/\n    #ddl-specs-console .ddl-sc-inner {\n      max-width: 1600px !important; margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex; flex-direction: column; gap: clamp(40px, 6vw, 60px);\n    }\n\n    \/* \u9876\u90e8\u6807\u9898\u533a\uff08\u5f15\u5165\u5f3a\u529b sbt-h2\uff09 *\/\n    #ddl-specs-console .ddl-sc-header {\n      width: 100%; max-width: 1000px;\n      margin: 0 auto; text-align: center; \/* \u5c45\u4e2d\u5bf9\u9f50 *\/\n    }\n    #ddl-specs-console .sbt-h2 {\n      width: 100% !important; white-space: normal; overflow-wrap: break-word;\n      margin: 0 0 clamp(24px, 4vw, 40px) 0 !important; padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px); font-weight: 700; line-height: 1.15;\n      color: #00D8FF !important; \/* \u6ce8\u5165\u4e3b\u9898\u4eae\u8272 *\/\n      text-shadow: 0 0 20px rgba(0, 216, 255, 0.3);\n    }\n    #ddl-specs-console .ddl-sc-desc {\n      font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; color: #94a3b8; margin: 0;\n    }\n\n    \/* =========================================\n       \u4e2d\u592e\u63a7\u5236\u53f0\uff1a\u53cc\u7ffc 3D \u5e03\u5c40\n       ========================================= *\/\n    #ddl-specs-console .ddl-sc-console-wrapper {\n      display: grid;\n      grid-template-columns: 280px 1fr 280px;\n      gap: 32px; align-items: center;\n    }\n\n    \/* \u4e24\u4fa7\u63a7\u5236\u6309\u952e\u533a *\/\n    #ddl-specs-console .ddl-sc-flank {\n      display: flex; flex-direction: column; gap: 12px;\n    }\n    #ddl-specs-console .ddl-sc-tab-btn {\n      display: flex; align-items: center; gap: 12px;\n      background: rgba(15, 23, 42, 0.6);\n      border: 1px solid rgba(255,255,255,0.05);\n      border-radius: 8px; padding: 18px 20px;\n      font-size: 15px; font-weight: 600; color: #94a3b8;\n      cursor: pointer; text-align: left; transition: all 0.3s ease;\n      position: relative; overflow: hidden;\n    }\n    #ddl-specs-console .ddl-sc-tab-btn::before {\n      content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;\n      background: transparent; transition: all 0.3s ease;\n    }\n    #ddl-specs-console .ddl-sc-icon {\n      width: 12px; height: 12px; border: 2px solid #475569; border-radius: 50%;\n      transition: all 0.3s ease; flex-shrink: 0;\n    }\n    #ddl-specs-console .ddl-sc-tab-btn:hover {\n      background: rgba(0, 216, 255, 0.05); color: #e2e8f0; border-color: rgba(0, 216, 255, 0.2);\n    }\n    #ddl-specs-console .ddl-sc-tab-btn.active {\n      background: rgba(0, 216, 255, 0.1); color: #ffffff;\n      border-color: rgba(0, 216, 255, 0.4);\n      box-shadow: inset 0 0 20px rgba(0, 216, 255, 0.1), 0 0 15px rgba(0, 216, 255, 0.1);\n    }\n    #ddl-specs-console .ddl-sc-tab-btn.active::before {\n      background: #00D8FF; box-shadow: 0 0 10px #00D8FF;\n    }\n    #ddl-specs-console .ddl-sc-tab-btn.active .ddl-sc-icon {\n      border-color: #00D8FF; background: #00D8FF; box-shadow: 0 0 8px #00D8FF;\n    }\n\n    \/* \u53f3\u4fa7\u7ffc\u7279\u6b8a\u5904\u7406 (\u4e3a\u4e86\u5bf9\u79f0\u7f8e\u611f) *\/\n    #ddl-specs-console .right-flank .ddl-sc-tab-btn { flex-direction: row-reverse; text-align: right; }\n    #ddl-specs-console .right-flank .ddl-sc-tab-btn::before { left: auto; right: 0; }\n\n    \/* =========================================\n       \u4e2d\u592e 3D \u5168\u606f\u5c4f\u5e55 (Dark Glassmorphism)\n       ========================================= *\/\n    #ddl-specs-console .ddl-sc-center-stage {\n      perspective: 1200px;\n      display: flex; justify-content: center; align-items: center;\n    }\n    #ddl-specs-console .ddl-sc-hologram-glass {\n      position: relative; width: 100%; max-width: 600px;\n      background: rgba(11, 17, 32, 0.6);\n      backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\n      border: 1px solid rgba(0, 216, 255, 0.3);\n      border-radius: 16px; padding: 40px;\n      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 0 40px rgba(0, 216, 255, 0.05);\n      transform: rotateX(4deg); transform-style: preserve-3d;\n      transition: transform 0.5s ease;\n    }\n    #ddl-specs-console .ddl-sc-hologram-glass:hover { transform: rotateX(0deg); }\n    \n    \/* \u5c4f\u5e55\u626b\u63cf\u7ebf\u7279\u6548 *\/\n    #ddl-specs-console .ddl-sc-holo-frame::before {\n      content: ''; position: absolute; inset: 0; border-radius: 16px;\n      background: linear-gradient(180deg, transparent 0%, rgba(0, 216, 255, 0.05) 50%, transparent 100%);\n      background-size: 100% 200%;\n      animation: ddl-scan 4s linear infinite; pointer-events: none;\n    }\n    @keyframes ddl-scan { 0% { background-position: 0 -100%; } 100% { background-position: 0 100%; } }\n\n    \/* \u5185\u5bb9\u5207\u6362\u533a *\/\n    #ddl-specs-console .ddl-sc-pane {\n      display: none; animation: ddl-holo-in 0.4s ease forwards;\n    }\n    #ddl-specs-console .ddl-sc-pane.active { display: block; }\n    @keyframes ddl-holo-in {\n      from { opacity: 0; transform: translateY(20px) scale(0.95); filter: blur(4px); }\n      to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }\n    }\n\n    #ddl-specs-console .ddl-sc-pane-label {\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n      font-size: 12px; color: #00D8FF; letter-spacing: 0.15em; margin-bottom: 12px;\n    }\n    #ddl-specs-console .ddl-sc-pane-title {\n      font-size: clamp(24px, 2.5vw, 32px); font-weight: 700; color: #ffffff;\n      margin: 0 0 32px 0; line-height: 1.2;\n    }\n\n    \/* \u5185\u90e8\u6570\u636e\u6846 *\/\n    #ddl-specs-console .ddl-sc-data-box {\n      margin-bottom: 24px; padding: 20px; border-radius: 8px;\n      background: rgba(255,255,255,0.03); border-left: 3px solid;\n    }\n    #ddl-specs-console .box-cyan { border-left-color: #00D8FF; }\n    #ddl-specs-console .box-yellow { border-left-color: #FFD848; margin-bottom: 0; }\n    \n    #ddl-specs-console .box-lbl {\n      display: block; font-size: 13px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px;\n    }\n    #ddl-specs-console .ddl-sc-data-box p {\n      font-size: 16px; color: #e2e8f0; line-height: 1.6; margin: 0;\n    }\n    #ddl-specs-console .box-cyan p { color: #00D8FF; font-family: ui-monospace, \"SF Mono\", Menlo, monospace; }\n\n    \/* \u5e95\u90e8\u5168\u606f\u5e95\u5ea7 *\/\n    #ddl-specs-console .ddl-sc-holo-base {\n      position: absolute; bottom: -2px; left: 10%; width: 80%; height: 4px;\n      background: #00D8FF; border-radius: 50%; filter: blur(6px);\n    }\n\n    \/* =========================================\n       \u5e95\u90e8\u8b66\u544a\u533a\u5757 (\u6e38\u4e50\u5de5\u4e1a\u7ed3\u5408\u98ce\u683c)\n       ========================================= *\/\n    #ddl-specs-console .ddl-sc-alert-box {\n      display: flex; gap: 24px; align-items: flex-start;\n      background: #FFD848; border-radius: 12px; padding: 32px;\n      max-width: 1000px; margin: 0 auto; box-shadow: 0 20px 40px rgba(255, 216, 72, 0.15);\n    }\n    #ddl-specs-console .ddl-sc-alert-icon {\n      flex-shrink: 0; background: #020617; width: 56px; height: 56px;\n      border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    }\n    #ddl-specs-console .ddl-sc-alert-content h3 {\n      font-size: 20px; font-weight: 800; color: #020617; margin: 0 0 12px 0; text-transform: uppercase;\n    }\n    #ddl-specs-console .ddl-sc-alert-content p {\n      font-size: 15px; line-height: 1.6; color: #1e293b; margin: 0; font-weight: 500;\n    }\n\n    \/* =========================================\n       \u5c45\u4e2d\u53d1\u5149 CTA Buttons\n       ========================================= *\/\n    #ddl-specs-console .ddl-sc-cta-wrap {\n      display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 16px;\n    }\n    #ddl-specs-console .ddl-sc-btn-primary, #ddl-specs-console .ddl-sc-btn-secondary {\n      display: inline-flex; align-items: center; justify-content: center;\n      padding: 18px 40px; font-size: 16px; font-weight: 700; text-decoration: none;\n      border-radius: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    #ddl-specs-console .ddl-sc-btn-primary {\n      background: #00D8FF; color: #020617; border: 2px solid #00D8FF;\n      box-shadow: 0 8px 24px rgba(0, 216, 255, 0.4);\n    }\n    #ddl-specs-console .ddl-sc-btn-primary:hover {\n      background: #FFD848; border-color: #FFD848;\n      box-shadow: 0 12px 32px rgba(255, 216, 72, 0.6); transform: translateY(-3px);\n    }\n    #ddl-specs-console .ddl-sc-btn-secondary {\n      background: transparent; color: #00D8FF; border: 2px solid #00D8FF;\n      box-shadow: 0 0 15px rgba(0, 216, 255, 0.15);\n    }\n    #ddl-specs-console .ddl-sc-btn-secondary:hover {\n      background: rgba(0, 216, 255, 0.1); color: #ffffff;\n      box-shadow: 0 0 25px rgba(0, 216, 255, 0.4); transform: translateY(-3px);\n    }\n\n    \/* =========================================\n       Responsive \u54cd\u5e94\u5f0f\u964d\u7ea7\n       ========================================= *\/\n    @media (max-width: 1200px) {\n      #ddl-specs-console .ddl-sc-console-wrapper {\n        grid-template-columns: 1fr; gap: 40px;\n      }\n      #ddl-specs-console .ddl-sc-flank {\n        flex-direction: row; flex-wrap: wrap; justify-content: center;\n      }\n      #ddl-specs-console .right-flank .ddl-sc-tab-btn { flex-direction: row; text-align: left; }\n      #ddl-specs-console .right-flank .ddl-sc-tab-btn::before { left: 0; right: auto; }\n      #ddl-specs-console .ddl-sc-hologram-glass { transform: none; }\n    }\n    @media (max-width:690px) {\n      #ddl-specs-console .ddl-sc-flank { gap: 8px; }\n      #ddl-specs-console .ddl-sc-tab-btn { width: 100%; justify-content: flex-start; }\n      #ddl-specs-console .ddl-sc-alert-box { flex-direction: column; padding: 24px; gap: 16px; }\n      #ddl-specs-console .ddl-sc-cta-wrap { flex-direction: column; }\n      #ddl-specs-console .ddl-sc-btn-primary, #ddl-specs-console .ddl-sc-btn-secondary { width: 100%; }\n    }\n  <\/style>\n\n  <script>\n    \/\/ Vanilla JS - Tab \u903b\u8f91\u9694\u79bb\n    document.addEventListener('DOMContentLoaded', function() {\n      const container = document.getElementById('ddl-specs-console');\n      if (!container) return;\n      \n      const tabBtns = container.querySelectorAll('.ddl-sc-tab-btn');\n      const tabPanes = container.querySelectorAll('.ddl-sc-pane');\n      \n      tabBtns.forEach(btn => {\n        btn.addEventListener('click', function() {\n          \/\/ \u6e05\u7a7a\u6240\u6709\u72b6\u6001\n          tabBtns.forEach(b => {\n            b.classList.remove('active');\n            b.setAttribute('aria-selected', 'false');\n          });\n          tabPanes.forEach(p => p.classList.remove('active'));\n          \n          \/\/ \u6fc0\u6d3b\u5f53\u524d\u9879\n          this.classList.add('active');\n          this.setAttribute('aria-selected', 'true');\n          \n          \/\/ \u5173\u8054\u76ee\u6807\u9762\u677f\n          const targetId = this.getAttribute('data-target');\n          const targetPane = container.querySelector('#' + targetId);\n          if (targetPane) targetPane.classList.add('active');\n        });\n      });\n    });\n  <\/script>\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-9cf511e\" data-block-id=\"9cf511e\"><style>.stk-9cf511e {margin-bottom:0px !important;}.stk-9cf511e-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9cf511e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a0e932d\" data-v=\"4\" data-block-id=\"a0e932d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a0e932d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a0e932d-inner-blocks\">\n<div id=\"ddl-pricing-445\" class=\"ddl-wrapper\">\n  \n  <!-- Organization \u7ed3\u6784\u5316\u6570\u636e -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Didi Land\",\n    \"description\": \"Indoor playground equipment manufacturer for customizable indoor playground products and commercial playground equipment projects.\",\n    \"url\": \"YOUR_WEBSITE_URL_HERE\"\n  }\n  <\/script>\n\n  <style>\n    \/* =========================================\n       \u5168\u5c40\u91cd\u7f6e\u4e0e\u76d2\u6a21\u578b\u4fdd\u62a4\n       ========================================= *\/\n    #ddl-pricing-445,\n    #ddl-pricing-445 *,\n    #ddl-pricing-445 *::before,\n    #ddl-pricing-445 *::after {\n      box-sizing: border-box !important;\n    }\n\n    \/* =========================================\n       \u5916\u58f3\uff1a\u65e0\u7f51\u683c\uff0c\u805a\u5149\u706f + \u6d3b\u6cfc\u6ce2\u6d6a\u5e95\u7eb9\uff0c\u7f29\u77ed\u4e0a\u8fb9\u8ddd\n       ========================================= *\/\n    #ddl-pricing-445.ddl-wrapper {\n      width: 100% !important;\n      background-color: #f0f9fa; \/* \u6781\u6d45\u7684\u5929\u84dd\u5e95\u8272\uff0c\u901a\u900f\u5e72\u51c0 *\/\n      \n      \/* \u805a\u5149\u706f (Spotlight) + \u67d4\u548c\u6e38\u4e50\u56ed\u6c1b\u56f4\u5149\u6591 *\/\n      background-image: \n        radial-gradient(circle at 85% 10%, rgba(0, 216, 255, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 10% 60%, rgba(255, 216, 72, 0.15) 0%, transparent 50%);\n      \n      padding-block: clamp(30px, 4vw, 50px) clamp(60px, 8vw, 100px);\n      position: relative;\n      overflow: hidden;\n      font-family: inherit;\n    }\n\n    \/* \u5a31\u4e50\u5316\u6ce2\u6d6a\u5e95\u8272\u5c42 *\/\n    #ddl-pricing-445.ddl-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -10%; left: -10%;\n      width: 120%; height: 60%;\n      background: rgba(0, 216, 255, 0.03);\n      border-radius: 0 0 50% 50% \/ 0 0 20% 20%; \/* \u5706\u6da6\u7684\u6ce2\u6d6a\u5e95\u8fb9 *\/\n      pointer-events: none;\n      z-index: 0;\n    }\n    \n    #ddl-pricing-445.ddl-wrapper::after {\n      content: '';\n      position: absolute;\n      bottom: -5%; right: -5%;\n      width: clamp(300px, 30vw, 500px);\n      height: clamp(300px, 30vw, 500px);\n      background: rgba(255, 216, 72, 0.04);\n      border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; \/* \u4e0d\u89c4\u5219\u6d3b\u6cfc\u6c14\u6ce1 *\/\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    \/* \u5185\u5c42\uff1a1600px \u5c45\u4e2d *\/\n    #ddl-pricing-445 .ddl-inner {\n      width: 100%;\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      position: relative;\n      z-index: 2; \n    }\n\n    \/* =========================================\n       \u6587\u672c\u6392\u7248\uff1a\u9ad8\u5bf9\u6bd4\u5ea6\u3001\u5145\u6ee1\u4e00\u884c\u81ea\u52a8\u6362\u884c\n       ========================================= *\/\n    #ddl-pricing-445 .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(20px, 3vw, 30px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 800;\n      line-height: 1.15;\n      color: #052636; \/* \u6781\u6df1\u7684\u84dd\u9ed1\u8272\uff0c\u89c6\u89c9\u5f02\u5e38\u6e05\u6670 *\/\n    }\n\n    #ddl-pricing-445 .ddl-lead-text {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: #2c3e50; \/* \u9ad8\u5bf9\u6bd4\u5ea6\u6df1\u7070\u84dd *\/\n      line-height: 1.6;\n      font-weight: 500;\n      margin: 0 0 clamp(40px, 5vw, 60px) 0 !important;\n      border-left: 6px solid #FFD848; \/* \u7c97\u91cd\u7684\u6696\u9ec4\u5f3a\u8c03\u7ebf\uff0c\u513f\u7ae5\u79ef\u6728\u611f *\/\n      padding-left: 20px;\n      border-radius: 2px;\n    }\n\n    \/* =========================================\n       \u533a\u5757 1\uff1a\u5de6\u4fa7\u5a31\u4e50\u5316 3D \u56fe\u6846 + \u53f3\u4fa7\u79ef\u6728\u77e9\u9635\n       ========================================= *\/\n    #ddl-pricing-445 .ddl-split-layout {\n      display: grid;\n      grid-template-columns: 5fr 7fr;\n      gap: clamp(30px, 4vw, 60px);\n      align-items: stretch;\n      margin-bottom: clamp(50px, 6vw, 80px);\n    }\n\n    \/* --- \u5de6\u4fa7\uff1a\u5a31\u4e50\u5316\u6df1\u5c42\u6b21 3D \u89c6\u7a97 --- *\/\n    #ddl-pricing-445 .ddl-3d-portal {\n      perspective: 1500px;\n      width: 100%;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #ddl-pricing-445 .ddl-3d-frame {\n      width: 100%;\n      height: 100%;\n      min-height: 350px;\n      \/* \u57fa\u7840\u60ac\u6d6e\u900f\u89c6 *\/\n      transform: rotateY(12deg) rotateX(4deg) translateZ(0);\n      transform-style: preserve-3d;\n      transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n    }\n\n    #ddl-pricing-445 .ddl-3d-portal:hover .ddl-3d-frame {\n      transform: rotateY(0deg) rotateX(0deg) translateZ(20px);\n    }\n\n    #ddl-pricing-445 .ddl-img-core {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      border-radius: 30px;\n      border: 6px solid #ffffff; \/* \u62cd\u7acb\u5f97\u5f0f\u539a\u767d\u8fb9 *\/\n      box-shadow: \n        -20px 30px 60px rgba(0, 152, 179, 0.2),\n        inset 0 0 0 2px rgba(0,0,0,0.05);\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u60ac\u6d6e\u7684\u5a31\u4e50\u5316\u51e0\u4f55\u4f53 (Z\u8f74\u8dc3\u51fa) *\/\n    #ddl-pricing-445 .ddl-float-shape-1 {\n      position: absolute;\n      top: -20px; right: -20px;\n      width: 80px; height: 80px;\n      background: #FFD848;\n      border-radius: 50%;\n      transform: translateZ(50px);\n      box-shadow: -10px 10px 20px rgba(255, 216, 72, 0.4);\n      z-index: 3;\n    }\n    \n    #ddl-pricing-445 .ddl-float-shape-2 {\n      position: absolute;\n      bottom: 20px; left: -30px;\n      width: 100px; height: 100px;\n      border: 12px solid #00D8FF;\n      border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; \/* \u52a8\u611f\u5708\u5708 *\/\n      transform: translateZ(40px) rotate(15deg);\n      box-shadow: -5px 10px 15px rgba(0, 216, 255, 0.3);\n      z-index: 3;\n    }\n\n    \/* --- \u53f3\u4fa7\uff1a\u6574\u9f50\u7684 2x3 \u79ef\u6728\u77e9\u9635 --- *\/\n    #ddl-pricing-445 .ddl-grid-container {\n      display: flex;\n      flex-direction: column;\n    }\n\n    #ddl-pricing-445 .ddl-section-title {\n      font-size: clamp(22px, 2.5vw, 26px);\n      font-weight: 800;\n      color: #052636;\n      margin: 0 0 24px 0;\n    }\n\n    #ddl-pricing-445 .ddl-factors-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n      flex: 1;\n    }\n\n    \/* \u78e8\u7802\u73bb\u7483\u79ef\u6728\u5361\u7247 *\/\n    #ddl-pricing-445 .ddl-factor-card {\n      background: rgba(255, 255, 255, 0.7);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.9);\n      border-radius: 20px;\n      padding: 24px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      border-top: 4px solid #00D8FF; \/* \u5929\u84dd\u79ef\u6728\u9876\u8fb9 *\/\n    }\n\n    #ddl-pricing-445 .ddl-factor-card:hover {\n      transform: translateY(-4px);\n      background: #ffffff;\n      box-shadow: 0 15px 35px rgba(0, 216, 255, 0.1);\n      border-top-color: #FFD848; \/* \u60ac\u505c\u53d8\u8272\uff0c\u589e\u5f3a\u4e92\u52a8\u611f *\/\n    }\n\n    #ddl-pricing-445 .ddl-factor-name {\n      font-size: 18px;\n      font-weight: 800;\n      color: #052636;\n      margin: 0 0 12px 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    #ddl-pricing-445 .ddl-factor-name::before {\n      content: '';\n      display: block;\n      width: 10px; height: 10px;\n      background: #FFD848;\n      border-radius: 50%;\n    }\n\n    #ddl-pricing-445 .ddl-factor-def {\n      font-size: 14px;\n      color: #2c3e50;\n      line-height: 1.5;\n      margin: 0 0 12px 0;\n      font-weight: 500;\n    }\n\n    #ddl-pricing-445 .ddl-factor-compare {\n      font-size: 13px;\n      color: #007a99;\n      background: rgba(0, 216, 255, 0.08);\n      padding: 10px 12px;\n      border-radius: 8px;\n      margin: auto 0 0 0;\n      line-height: 1.4;\n      font-weight: 600;\n    }\n\n    \/* =========================================\n       \u533a\u5757 2\uff1aBronze Scope Card (\u6df1\u8272\u5f3a\u53cd\u5dee\u4e50\u56ed\u6a2a\u5e45)\n       ========================================= *\/\n    #ddl-pricing-445 .ddl-bronze-banner {\n      background: #052636; \/* \u6781\u6df1\u84dd\u5e95\u8272\uff0c\u4ea7\u751f\u5de8\u5927\u53cd\u5dee *\/\n      border-radius: 32px;\n      padding: clamp(30px, 4vw, 50px);\n      margin-bottom: clamp(50px, 6vw, 80px);\n      box-shadow: 0 20px 50px rgba(5, 38, 54, 0.2);\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      align-items: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u5185\u90e8\u6d41\u7ebf\u88c5\u9970 *\/\n    #ddl-pricing-445 .ddl-bronze-banner::after {\n      content: '';\n      position: absolute;\n      top: 0; right: 0;\n      width: 300px; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(0, 216, 255, 0.1));\n      clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);\n      pointer-events: none;\n    }\n\n    #ddl-pricing-445 .ddl-banner-left h3 {\n      font-size: clamp(24px, 2.5vw, 32px);\n      color: #00D8FF; \/* \u660e\u4eae\u5929\u84dd\u53d1\u5149\u5b57 *\/\n      margin: 0 0 16px 0;\n      font-weight: 800;\n    }\n    \n    #ddl-pricing-445 .ddl-banner-left p {\n      font-size: 16px;\n      line-height: 1.6;\n      color: #e0f2f5;\n      margin: 0;\n      font-weight: 400;\n    }\n\n    #ddl-pricing-445 .ddl-banner-list {\n      list-style: none;\n      margin: 0; padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    #ddl-pricing-445 .ddl-banner-list li {\n      position: relative;\n      padding-left: 36px;\n      font-size: 15px;\n      color: #ffffff;\n      line-height: 1.5;\n      font-weight: 600;\n    }\n\n    \/* \u6e38\u4e50\u56ed\u7968\u5238\u5f0f\u7684 Check \u56fe\u6807\u70b9\u7f00 *\/\n    #ddl-pricing-445 .ddl-banner-list li::before {\n      content: '\u2714';\n      position: absolute;\n      left: 0; top: 0;\n      width: 24px; height: 24px;\n      background: #FFD848;\n      color: #052636;\n      font-size: 14px;\n      font-weight: 900;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \/* =========================================\n       \u533a\u5757 3\uff1aCommercial Terms (\u6e38\u4e50\u56ed\u6b65\u9053\u77e9\u9635)\n       ========================================= *\/\n    #ddl-pricing-445 .ddl-terms-wrapper {\n      margin-bottom: 60px;\n    }\n\n    \/* 5 \u5217\u54cd\u5e94\u5f0f\u7f51\u683c *\/\n    #ddl-pricing-445 .ddl-path-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 24px;\n      margin-top: 40px;\n    }\n\n    #ddl-pricing-445 .ddl-path-card {\n      background: #ffffff;\n      border-radius: 24px;\n      padding: 30px 24px 24px;\n      position: relative;\n      box-shadow: 0 10px 30px rgba(0, 152, 179, 0.05);\n      border: 1px solid rgba(0, 216, 255, 0.1);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n    }\n\n    #ddl-pricing-445 .ddl-path-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0, 216, 255, 0.15);\n      border-color: #00D8FF;\n    }\n\n    \/* \u9876\u90e8\u6e38\u4e50\u56ed\u5927\u5fbd\u7ae0\u7f16\u53f7 *\/\n    #ddl-pricing-445 .ddl-path-badge {\n      position: absolute;\n      top: -20px; left: 24px;\n      width: 46px; height: 46px;\n      background: #052636;\n      color: #00D8FF;\n      font-size: 20px;\n      font-weight: 900;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 4px solid #f0f9fa;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n\n    #ddl-pricing-445 .ddl-path-card:hover .ddl-path-badge {\n      background: #FFD848;\n      color: #052636;\n    }\n\n    #ddl-pricing-445 .ddl-path-title {\n      font-size: 18px;\n      color: #052636;\n      margin: 10px 0 16px 0;\n      font-weight: 800;\n    }\n\n    #ddl-pricing-445 .ddl-term-segment {\n      margin-bottom: 12px;\n      padding-bottom: 12px;\n      border-bottom: 1px dashed rgba(0,0,0,0.06);\n    }\n    #ddl-pricing-445 .ddl-term-segment:last-child {\n      border-bottom: none;\n      margin-bottom: 0; padding-bottom: 0;\n    }\n\n    #ddl-pricing-445 .ddl-segment-label {\n      font-size: 11px;\n      color: #888;\n      text-transform: uppercase;\n      font-weight: 700;\n      letter-spacing: 0.05em;\n      margin-bottom: 4px;\n      display: block;\n    }\n\n    #ddl-pricing-445 .ddl-segment-text {\n      font-size: 14px;\n      color: #2c3e50;\n      line-height: 1.5;\n      margin: 0;\n      font-weight: 500;\n    }\n\n    \/* =========================================\n       \u5e95\u90e8\u5c45\u4e2d CTA (\u53d1\u5149\u539a\u91cd\u6309\u94ae)\n       ========================================= *\/\n    #ddl-pricing-445 .ddl-cta-wrap {\n      text-align: center;\n      width: 100%;\n    }\n\n    #ddl-pricing-445 .ddl-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: #00D8FF;\n      color: #052636; \n      font-size: 16px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-decoration: none;\n      padding: 20px 50px;\n      border-radius: 50px; \/* \u6781\u5706\u5012\u89d2\uff0c\u513f\u7ae5\u4e50\u56ed\u611f *\/\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      \/* \u53d1\u5149\u8fb9\u6846\u4e0e 3D \u539a\u5ea6 *\/\n      box-shadow: \n        0 8px 25px rgba(0, 216, 255, 0.4),\n        inset 0 -4px 0 rgba(0, 0, 0, 0.15);\n    }\n\n    #ddl-pricing-445 .ddl-btn:hover {\n      background: #FFD848;\n      color: #052636;\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: \n        0 15px 35px rgba(255, 216, 72, 0.5),\n        inset 0 -4px 0 rgba(0, 0, 0, 0.15);\n    }\n\n    \/* =========================================\n       \u54cd\u5e94\u5f0f\u964d\u7ea7\n       ========================================= *\/\n    @media (max-width: 1100px) {\n      #ddl-pricing-445 .ddl-split-layout {\n        grid-template-columns: 1fr;\n      }\n      #ddl-pricing-445 .ddl-3d-frame {\n        transform: none; \/* \u79fb\u52a8\u7aef\u9632\u6ea2\u51fa *\/\n      }\n      #ddl-pricing-445 .ddl-3d-portal:hover .ddl-3d-frame {\n        transform: none;\n      }\n    }\n    \n    @media (max-width:690px) {\n      #ddl-pricing-445 .ddl-factors-grid {\n        grid-template-columns: 1fr;\n      }\n      #ddl-pricing-445 .ddl-bronze-banner {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"ddl-inner\">\n    \n    <!-- \u9876\u5c42\u5168\u5bbd\u5f15\u8a00 -->\n    <h2 class=\"sbt-h2\">Pricing Scope, Production Schedule and Payment Terms<\/h2>\n    <p class=\"ddl-lead-text\">Custom dinosaur playground equipment is priced by the approved design and written scope. The quote changes with venue geometry, module mix, theme work, destination, packing, transport, installation route and the project evidence requested.<\/p>\n\n    <!-- \u533a\u5757 1\uff1a\u5de6\u4fa7 3D \u6d6e\u96d5\u7a97\u53e3 + \u53f3\u4fa7\u89c4\u6574 2x3 \u79ef\u6728\u7f51\u683c -->\n    <div class=\"ddl-split-layout\">\n      \n      <div class=\"ddl-3d-portal\">\n        <div class=\"ddl-3d-frame\">\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development5.jpg\" alt=\"Custom dinosaur indoor playground equipment structure and activity mix\" class=\"ddl-img-core\" fetchpriority=\"high\">\n          <!-- \u60ac\u6d6e\u7684\u5a31\u4e50\u5316\u51e0\u4f55\u4f53 -->\n          <div class=\"ddl-float-shape-1\"><\/div>\n          <div class=\"ddl-float-shape-2\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ddl-grid-container\">\n        <h3 class=\"ddl-section-title\">What Moves the Factory Quote<\/h3>\n        \n        <div class=\"ddl-factors-grid\">\n          \n          <div class=\"ddl-factor-card\">\n            <h4 class=\"ddl-factor-name\">Site and structure<\/h4>\n            <p class=\"ddl-factor-def\">Usable plan, clear height, columns, access and fixed services<\/p>\n            <div class=\"ddl-factor-compare\">Compare: Check whether redesign around real obstructions is included<\/div>\n          <\/div>\n\n          <div class=\"ddl-factor-card\">\n            <h4 class=\"ddl-factor-name\">Activity mix<\/h4>\n            <p class=\"ddl-factor-def\">Soft play, climber, slide, tunnel, ball play and interactive elements<\/p>\n            <div class=\"ddl-factor-compare\">Compare: Compare the same equipment schedule, not just a rendered image<\/div>\n          <\/div>\n\n          <div class=\"ddl-factor-card\">\n            <h4 class=\"ddl-factor-name\">Dinosaur theme<\/h4>\n            <p class=\"ddl-factor-def\">Landmarks, graphics, color, sculptural features and localization<\/p>\n            <div class=\"ddl-factor-compare\">Compare: Ask which themed pieces are included in production and packing<\/div>\n          <\/div>\n\n          <div class=\"ddl-factor-card\">\n            <h4 class=\"ddl-factor-name\">Destination scope<\/h4>\n            <p class=\"ddl-factor-def\">Country, delivery point, trade term, import route and local requirements<\/p>\n            <div class=\"ddl-factor-compare\">Compare: Separate factory price, freight, import charges and local work<\/div>\n          <\/div>\n\n          <div class=\"ddl-factor-card\">\n            <h4 class=\"ddl-factor-name\">Installation route<\/h4>\n            <p class=\"ddl-factor-def\">Didi Land support, local crew, supervision, tools, access and accommodation<\/p>\n            <div class=\"ddl-factor-compare\">Compare: Assign each installation task and acceptance point in writing<\/div>\n          <\/div>\n\n          <div class=\"ddl-factor-card\">\n            <h4 class=\"ddl-factor-name\">Handover package<\/h4>\n            <p class=\"ddl-factor-def\">Drawings, packing list, checks, training, spares and service contact<\/p>\n            <div class=\"ddl-factor-compare\">Compare: Compare named documents and response steps, not the word \u201cturnkey\u201d<\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u533a\u5757 2\uff1a\u9ad8\u53cd\u5dee\u6df1\u8272\u4e3b\u9898\u6a2a\u5e45 -->\n    <div class=\"ddl-bronze-banner\">\n      <div class=\"ddl-banner-left\">\n        <h3>Bronze Scope-Certainty Card<\/h3>\n        <p>Count seven lines in every bid: equipment, 3D design, packing, freight, installation, local works and handover evidence. A lower factory figure is not a lower project cost when several of those lines are still open.<\/p>\n      <\/div>\n      <div class=\"ddl-banner-right\">\n        <ul class=\"ddl-banner-list\">\n          <li>No payback period is claimed.<\/li>\n          <li>No traffic or revenue increase is assumed.<\/li>\n          <li>Your site team adds rent, staffing, insurance, fit-out and local approval costs.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- \u533a\u5757 3\uff1a\u6e38\u4e50\u56ed\u6b65\u9053\u5f0f\u5546\u4e1a\u6761\u6b3e\u5361\u7247 -->\n    <div class=\"ddl-terms-wrapper\">\n      <h3 class=\"ddl-section-title\">Commercial Terms to Put on the Schedule<\/h3>\n      \n      <div class=\"ddl-path-grid\">\n        \n        <div class=\"ddl-path-card\">\n          <div class=\"ddl-path-badge\">01<\/div>\n          <h4 class=\"ddl-path-title\">Design and quote<\/h4>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Didi Land Term<\/span>\n            <p class=\"ddl-segment-text\">3D concept and project quotation supported from the submitted brief<\/p>\n          <\/div>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Planning Boundary<\/span>\n            <p class=\"ddl-segment-text\">Freeze the approved scope before production timing begins<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ddl-path-card\">\n          <div class=\"ddl-path-badge\">02<\/div>\n          <h4 class=\"ddl-path-title\">Payment<\/h4>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Didi Land Term<\/span>\n            <p class=\"ddl-segment-text\">30% deposit; 70% balance before shipment<\/p>\n          <\/div>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Planning Boundary<\/span>\n            <p class=\"ddl-segment-text\">The quotation confirms the project terms and payment method<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ddl-path-card\">\n          <div class=\"ddl-path-badge\">03<\/div>\n          <h4 class=\"ddl-path-title\">Production<\/h4>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Didi Land Term<\/span>\n            <p class=\"ddl-segment-text\">20\u201360 working days after design approval and deposit<\/p>\n          <\/div>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Planning Boundary<\/span>\n            <p class=\"ddl-segment-text\">Project size, theme work and approved scope determine the quoted schedule<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ddl-path-card\">\n          <div class=\"ddl-path-badge\">04<\/div>\n          <h4 class=\"ddl-path-title\">Freight &#038; import<\/h4>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Didi Land Term<\/span>\n            <p class=\"ddl-segment-text\">Defined in the project quotation<\/p>\n          <\/div>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Planning Boundary<\/span>\n            <p class=\"ddl-segment-text\">Do not count production days as total order-to-opening time<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ddl-path-card\">\n          <div class=\"ddl-path-badge\">05<\/div>\n          <h4 class=\"ddl-path-title\">Installation<\/h4>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Didi Land Term<\/span>\n            <p class=\"ddl-segment-text\">Installation scope is available and set per project<\/p>\n          <\/div>\n          <div class=\"ddl-term-segment\">\n            <span class=\"ddl-segment-label\">Planning Boundary<\/span>\n            <p class=\"ddl-segment-text\">Confirm crew, travel, local labor, site access, utilities and handover<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u5c45\u4e2d CTA -->\n    <div class=\"ddl-cta-wrap\">\n      <a href=\"#ct-popup-800\" class=\"ddl-btn\">Request a Dinosaur Playground Quote<\/a>\n    <\/div>\n\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-075a130\" data-block-id=\"075a130\"><style>.stk-075a130 {margin-bottom:0px !important;}.stk-075a130-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-075a130-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6e10868\" data-v=\"4\" data-block-id=\"6e10868\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6e10868-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6e10868-inner-blocks\">\n<div id=\"udb2b-safety-fun\" class=\"udb2b-safety-fun-wrap\">\n  <!-- Schema \u7ed3\u6784\u5316\u6570\u636e -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@graph\": [\n      {\n        \"@type\": \"Organization\",\n        \"name\": \"Didi Land Amusement Equipment\",\n        \"url\": \"https:\/\/didiplayarea.com\/\"\n      },\n      {\n        \"@type\": \"FAQPage\",\n        \"mainEntity\": [\n          {\n            \"@type\": \"Question\",\n            \"name\": \"What is the ASTM F1918-21 Boundary for soft play?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"The official ASTM scope covers soft contained play equipment for users from the 5th-percentile 2-year-old to the 95th-percentile 12-year-old. It excludes several other equipment classes and does not fully cover accessibility.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"What is the BS EN 1176-10:2023 Boundary?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"The BSI scope applies to fully enclosed play equipment installed inside and outside buildings for children up to 14.\"\n            }\n          }\n        ]\n      }\n    ]\n  }\n  <\/script>\n\n  <style>\n    \/* =========================================\n       0. \u57fa\u7840\u91cd\u7f6e\u4e0e\u6df1\u5c42\u5a31\u4e50\u5316\u80cc\u666f\n       ========================================= *\/\n    #udb2b-safety-fun.udb2b-safety-fun-wrap {\n      width: 100% !important;\n      position: relative;\n      background-color: #050A15; \/* \u6781\u6df1\u591c\u7a7a\u84dd *\/\n      overflow: hidden;\n      padding: clamp(32px, 5vw, 56px) 0 clamp(64px, 8vw, 100px) 0;\n      font-family: inherit;\n      box-sizing: border-box;\n      color: #E2E8F0;\n    }\n    #udb2b-safety-fun * { box-sizing: border-box; }\n\n    \/* \u80cc\u666f\uff1a\u62bd\u8c61\u6ce2\u6ce2\u6c60\u6ce2\u70b9\u4e0e\u6ed1\u68af\u8f68\u8ff9 *\/\n    #udb2b-safety-fun::before {\n      content: \"\";\n      position: absolute;\n      top: -10%; left: -5%;\n      width: 50%; height: 60%;\n      background: radial-gradient(circle, rgba(0, 216, 255, 0.15) 0%, transparent 60%);\n      z-index: 0;\n    }\n    #udb2b-safety-fun::after {\n      content: \"\";\n      position: absolute;\n      bottom: 10%; right: -10%;\n      width: 800px; height: 300px;\n      \/* \u62bd\u8c61\u6e38\u4e50\u7ba1\u9053\/\u8dd1\u9053 *\/\n      border: 40px solid rgba(255, 216, 72, 0.03);\n      border-radius: 500px;\n      transform: rotate(-25deg);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    \/* \u6f02\u6d6e\u7684\u6ce2\u6ce2\u7403\u88c5\u9970 *\/\n    #udb2b-safety-fun .udb2b-bg-ball {\n      position: absolute;\n      width: 80px; height: 80px;\n      background: radial-gradient(circle at 30% 30%, #00D8FF, transparent);\n      border-radius: 50%;\n      opacity: 0.1;\n      top: 15%; right: 15%;\n      z-index: 1;\n    }\n\n    \/* =========================================\n       1. \u6838\u5fc3\u5185\u5c42 (1600px)\n       ========================================= *\/\n    #udb2b-safety-fun .udb2b-inner {\n      position: relative;\n      z-index: 2;\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u6807\u9898\u6837\u5f0f\uff1a\u5de6\u5bf9\u9f50\u3001\u81ea\u52a8\u6362\u884c\u3001\u6d3b\u6cfc\u524d\u7f00 *\/\n    #udb2b-safety-fun .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(24px, 4vw, 40px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 700;\n      line-height: 1.15;\n      color: #FFFFFF;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n    #udb2b-safety-fun .sbt-h2::before {\n      content: \"\";\n      display: inline-block;\n      width: 12px; height: 32px;\n      background: #FFD848;\n      border-radius: 6px;\n      transform: rotate(15deg);\n    }\n\n    \/* =========================================\n       2. \u5a31\u4e50\u5316\u975e\u5bf9\u79f0\u89c6\u754c (\u5de6\u6587 + \u53f3\u5f02\u5f62\u56fe)\n       ========================================= *\/\n    #udb2b-safety-fun .udb2b-hero-stage {\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr; \/* \u56fe\u6587\u6bd4\u4f8b\u5fae\u8c03\uff0c\u7ed9\u5f02\u5f62\u7559\u7a7a\u95f4 *\/\n      gap: clamp(32px, 5vw, 64px);\n      align-items: center;\n      margin-bottom: clamp(56px, 7vw, 80px);\n    }\n\n    \/* \u5de6\u4fa7\u6587\u672c\u73bb\u7483\u8231 *\/\n    #udb2b-safety-fun .udb2b-glass-content {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    #udb2b-safety-fun .udb2b-intro-text {\n      font-size: clamp(15px, 1.5vw, 17px);\n      line-height: 1.7;\n      color: #CBD5E1;\n      margin: 0 0 16px 0;\n    }\n\n    \/* \u6d3b\u6cfc\u7684\u53c2\u6570\u8bf4\u660e\u5361 *\/\n    #udb2b-safety-fun .udb2b-glass-card {\n      background: rgba(255, 255, 255, 0.03);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(0, 216, 255, 0.15);\n      border-radius: 20px 8px 20px 8px; \/* \u5bf9\u89d2\u547c\u5e94\u7684\u7cd6\u679c\u5706\u89d2 *\/\n      padding: clamp(24px, 3vw, 32px);\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n    }\n    #udb2b-safety-fun .udb2b-glass-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0; left: 0; width: 6px; height: 100%;\n      background: #00D8FF;\n    }\n    #udb2b-safety-fun .udb2b-glass-card:nth-child(3)::before {\n      background: #FFD848;\n    }\n    #udb2b-safety-fun .udb2b-glass-card:hover {\n      background: rgba(0, 216, 255, 0.06);\n      transform: translateY(-4px);\n    }\n\n    #udb2b-safety-fun .udb2b-card-h3 {\n      font-size: clamp(18px, 1.8vw, 22px);\n      font-weight: 700;\n      color: #FFFFFF;\n      margin: 0 0 12px 0;\n    }\n    #udb2b-safety-fun .udb2b-card-text {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #94A3B8;\n      margin: 0;\n    }\n\n    \/* \u53f3\u4fa7\uff1a\u6df1\u5c42\u5a31\u4e50\u5316\u5f02\u5f62\u56fe\u7247 (Playful Portal) *\/\n    #udb2b-safety-fun .udb2b-fun-image-wrap {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 1 \/ 1.1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    \/* \u56fe\u7247\u5e95\u90e8\u7684\u9519\u4f4d\u63cf\u8fb9\u8f6e\u5ed3 (\u5236\u9020\u591a\u5c42\u7a7a\u95f4) *\/\n    #udb2b-safety-fun .udb2b-fun-image-outline {\n      position: absolute;\n      width: 90%; height: 95%;\n      border: 3px dashed #FFD848;\n      \/* \u6050\u9f99\u86cb\/\u80f6\u56ca\u5f02\u5f62 *\/\n      border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n      top: 5%; right: -2%;\n      transform: rotate(10deg);\n      z-index: 1;\n    }\n    \n    \/* \u84dd\u8272\u5b9e\u5fc3\u88c5\u9970\u57ab\u7247 *\/\n    #udb2b-safety-fun .udb2b-fun-image-blob {\n      position: absolute;\n      width: 85%; height: 90%;\n      background: #00D8FF;\n      border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\n      bottom: -5%; left: 0%;\n      opacity: 0.15;\n      z-index: 1;\n    }\n\n    \/* \u4e3b\u56fe\uff1a\u5f02\u5f62\u906e\u7f69\u5207\u5272 *\/\n    #udb2b-safety-fun .udb2b-fun-image {\n      position: relative;\n      width: 85%;\n      height: 90%;\n      \/* \u6e38\u4e50\u8231\u5f02\u5f62\u5207\u5272 (\u62f1\u95e8\u7ed3\u5408\u5706\u5f27) *\/\n      border-radius: 50% 50% 16px 16px \/ 30% 30% 16px 16px;\n      overflow: hidden;\n      z-index: 2;\n      border: 4px solid #00D8FF;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    #udb2b-safety-fun .udb2b-fun-image:hover {\n      transform: scale(1.03) translateY(-10px);\n    }\n    #udb2b-safety-fun .udb2b-fun-image img {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* \u56fe\u4e0a\u7684\u60ac\u6d6e\u5c0f\u7403\u70b9\u7f00 *\/\n    #udb2b-safety-fun .udb2b-floating-dot {\n      position: absolute;\n      width: 24px; height: 24px;\n      background: #FFD848;\n      border-radius: 50%;\n      top: 15%; left: 5%;\n      z-index: 3;\n      box-shadow: 0 4px 10px rgba(255, 216, 72, 0.4);\n    }\n\n    \/* =========================================\n       3. \u6838\u5fc3\u8b66\u793a\u5f15\u8a00\u8231 (\u7968\u6839\/\u8b66\u6212\u5e26\u98ce\u683c)\n       ========================================= *\/\n    #udb2b-safety-fun .udb2b-rule-banner {\n      background: rgba(255, 216, 72, 0.08);\n      border: 1px solid rgba(255, 216, 72, 0.3);\n      padding: clamp(24px, 4vw, 36px);\n      border-radius: 16px;\n      margin-bottom: clamp(56px, 7vw, 80px);\n      position: relative;\n      overflow: hidden;\n    }\n    \/* \u5de6\u4fa7\u9ec4\u8272\u659c\u7eb9\u8b66\u544a\u5e26 *\/\n    #udb2b-safety-fun .udb2b-rule-banner::before {\n      content: \"\";\n      position: absolute;\n      top: 0; left: 0; width: 12px; height: 100%;\n      background: repeating-linear-gradient(\n        -45deg,\n        #FFD848,\n        #FFD848 10px,\n        #1A1A1A 10px,\n        #1A1A1A 20px\n      );\n    }\n    #udb2b-safety-fun .udb2b-rule-banner p {\n      font-size: clamp(15px, 1.5vw, 17px);\n      line-height: 1.7;\n      color: #E2E8F0;\n      margin: 0 0 0 20px;\n    }\n    #udb2b-safety-fun .udb2b-rule-banner strong {\n      color: #FFD848;\n      font-size: 110%;\n    }\n\n    \/* =========================================\n       4. \u8d23\u4efb\u6570\u636e\u77e9\u9635 (CSS Grid \u8868\u683c\u5316\uff0c\u6d88\u9664\u7a7a\u767d)\n       ========================================= *\/\n    #udb2b-safety-fun .udb2b-matrix-section {\n      width: 100%;\n      margin-bottom: clamp(56px, 7vw, 80px);\n    }\n    #udb2b-safety-fun .udb2b-matrix-h3 {\n      font-size: clamp(22px, 2vw, 28px);\n      font-weight: 700;\n      color: #00D8FF;\n      margin: 0 0 24px 0;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    \/* \u6807\u9898\u65c1\u7684\u79ef\u6728\u65b9\u5757 *\/\n    #udb2b-safety-fun .udb2b-matrix-h3::before {\n      content: \"\";\n      display: inline-block;\n      width: 14px; height: 14px;\n      background: #00D8FF;\n      border-radius: 3px;\n    }\n\n    \/* \u7d27\u51d1\u6570\u636e\u8868 *\/\n    #udb2b-safety-fun .udb2b-grid-table {\n      display: grid;\n      grid-template-columns: 1fr 1.5fr 1.5fr;\n      gap: 4px; \/* \u8f83\u5bbd\u7684\u7f1d\u9699\u4f53\u73b0\u6a21\u5757\u5316\u79ef\u6728\u611f *\/\n      background: transparent;\n    }\n    #udb2b-safety-fun .udb2b-cell {\n      padding: 16px 20px;\n      background: rgba(255, 255, 255, 0.03);\n      font-size: 14px;\n      line-height: 1.6;\n      color: #CBD5E1;\n      border-radius: 6px;\n    }\n    \/* \u8868\u5934 *\/\n    #udb2b-safety-fun .udb2b-header-cell {\n      background: rgba(0, 216, 255, 0.15);\n      color: #00D8FF;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n    \/* \u4ea4\u4e92\u63d0\u4eae *\/\n    #udb2b-safety-fun .udb2b-row-group {\n      display: contents;\n    }\n    #udb2b-safety-fun .udb2b-row-group:hover .udb2b-cell {\n      background: rgba(0, 216, 255, 0.08);\n      color: #FFFFFF;\n    }\n    \/* \u7b2c\u4e00\u5217\uff08\u5de5\u4f5c\u9879\uff09\u91cd\u70b9\u9ad8\u4eae\u4e3a\u80f6\u56ca\u72b6\u5e95\u8272 *\/\n    #udb2b-safety-fun .udb2b-cell[data-col=\"1\"] {\n      font-weight: 600;\n      color: #FFD848;\n      border-left: 3px solid #FFD848;\n    }\n\n    \/* =========================================\n       5. \u5e95\u90e8\u4e92\u52a8\u63d0\u793a\u4e0e\u5c45\u4e2d CTA\n       ========================================= *\/\n    #udb2b-safety-fun .udb2b-footer-note {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto clamp(32px, 4vw, 40px) auto;\n      background: rgba(255, 255, 255, 0.02);\n      padding: 24px;\n      border-radius: 20px;\n    }\n    #udb2b-safety-fun .udb2b-footer-h3 {\n      font-size: clamp(18px, 1.8vw, 22px);\n      font-weight: 700;\n      color: #FFFFFF;\n      margin: 0 0 12px 0;\n    }\n    #udb2b-safety-fun .udb2b-footer-p {\n      font-size: clamp(14px, 1.3vw, 15px);\n      line-height: 1.6;\n      color: #94A3B8;\n      margin: 0;\n    }\n\n    #udb2b-safety-fun .udb2b-cta-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n    }\n\n    #udb2b-safety-fun .udb2b-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background-color: #00D8FF;\n      color: #050A15;\n      padding: 18px 56px;\n      font-size: clamp(15px, 1.4vw, 17px);\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-decoration: none;\n      border-radius: 50px; \/* \u7eaf\u5706\u89d2\u80f6\u56ca *\/\n      box-shadow: 0 8px 24px rgba(0, 216, 255, 0.3);\n      transition: all 0.3s ease;\n      border: 2px solid #00D8FF;\n    }\n    #udb2b-safety-fun .udb2b-btn:hover {\n      background-color: transparent;\n      color: #00D8FF;\n      transform: translateY(-3px);\n      box-shadow: 0 12px 32px rgba(0, 216, 255, 0.2);\n    }\n\n    \/* \u79fb\u52a8\u7aef\u54cd\u5e94\u5f0f\u5904\u7406 *\/\n    @media (max-width:1000px) {\n      #udb2b-safety-fun .udb2b-hero-stage {\n        grid-template-columns: 1fr;\n      }\n      #udb2b-safety-fun .udb2b-fun-image-wrap {\n        order: -1; \/* \u56fe\u7247\u7f6e\u9876 *\/\n        max-width: 600px;\n        margin: 0 auto;\n      }\n    }\n    @media (max-width:690px) {\n      \/* \u79fb\u52a8\u7aef\u77e9\u9635\u8868\u683c\u8f6c\u4e3a\u5361\u7247\u6d41\u5806\u53e0\uff0c\u79ef\u6728\u611f\u52a0\u5f3a *\/\n      #udb2b-safety-fun .udb2b-grid-table {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n      #udb2b-safety-fun .udb2b-header-cell {\n        display: none;\n      }\n      #udb2b-safety-fun .udb2b-row-group {\n        display: flex;\n        flex-direction: column;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(0, 216, 255, 0.2);\n        border-radius: 12px;\n        gap: 0;\n      }\n      #udb2b-safety-fun .udb2b-cell {\n        padding: 12px 16px;\n        background: transparent;\n        border-radius: 0;\n      }\n      #udb2b-safety-fun .udb2b-cell[data-col=\"1\"] {\n        background: rgba(0, 216, 255, 0.1);\n        border-left: none;\n        border-bottom: 2px solid #FFD848;\n      }\n      #udb2b-safety-fun .udb2b-cell[data-col=\"2\"]::before {\n        content: \"Didi Land scope: \";\n        color: #00D8FF;\n        font-weight: 700;\n        display: block;\n        margin-bottom: 4px;\n      }\n      #udb2b-safety-mod .udb2b-cell[data-col=\"3\"]::before {\n        content: \"Buyer scope: \";\n        color: #00D8FF;\n        font-weight: 700;\n        display: block;\n        margin-bottom: 4px;\n      }\n    }\n  <\/style>\n\n  <div class=\"udb2b-bg-ball\"><\/div>\n\n  <div class=\"udb2b-inner\">\n    <!-- \u6807\u9898 -->\n    <h2 class=\"sbt-h2\">Safety Scope and Project Responsibilities<\/h2>\n    \n    <!-- \u5a31\u4e50\u5316\u975e\u5bf9\u79f0\u89c6\u754c\uff1a\u5de6\u6587 + \u53f3\u5f02\u5f62\u5207\u5272\u56fe -->\n    <div class=\"udb2b-hero-stage\">\n      <div class=\"udb2b-glass-content\">\n        <p class=\"udb2b-intro-text\">Safety standards follow the destination, venue classification, equipment type, exact user age and local requirements. Those inputs define the design and project-document scope; the page does not replace review by the authority having jurisdiction, an insurer or qualified local professionals.<\/p>\n        \n        <div class=\"udb2b-glass-card\">\n          <h3 class=\"udb2b-card-h3\">ASTM F1918-21 Boundary<\/h3>\n          <p class=\"udb2b-card-text\">The official ASTM scope covers soft contained play equipment for users from the 5th-percentile 2-year-old to the 95th-percentile 12-year-old. It excludes several other equipment classes and does not fully cover accessibility, so \u201cASTM\u201d is not a one-word answer for every venue or every child.<\/p>\n        <\/div>\n\n        <div class=\"udb2b-glass-card\">\n          <h3 class=\"udb2b-card-h3\">BS EN 1176-10:2023 Boundary<\/h3>\n          <p class=\"udb2b-card-text\">The BSI scope applies to fully enclosed play equipment installed inside and outside buildings for children up to 14. This is why the words indoor playground do not, on their own, select the standard or settle the evidence a project needs.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- \u6df1\u5c42\u5a31\u4e50\u5316\u5f02\u5f62\u56fe\u7247\uff1a\u6e38\u4e50\u62f1\u95e8+\u70b9\u7f00\u7403 -->\n      <div class=\"udb2b-fun-image-wrap\">\n        <div class=\"udb2b-fun-image-blob\"><\/div>\n        <div class=\"udb2b-fun-image-outline\"><\/div>\n        <div class=\"udb2b-floating-dot\"><\/div>\n        <div class=\"udb2b-fun-image\">\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development6.jpg\" alt=\"Dinosaur Theme Indoor Playground Development\" fetchpriority=\"high\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u8b66\u793a\u5f15\u8a00\u8231 (\u8b66\u6212\u6761\u98ce\u683c) -->\n    <div class=\"udb2b-rule-banner\">\n      <p><strong>Project rule:<\/strong> The differentiator is an applicability record, not a standard name in isolation. A named standard is not a substitute for project review and does not necessarily prove applicability because the risk of a document gap changes with the equipment class, age range and destination. Inspection planning may also distinguish post-installation, routine and annual contexts; ISO\/TS 24665:2023 is an international reference for those inspection categories.<\/p>\n    <\/div>\n\n    <!-- \u8d23\u4efb\u6570\u636e\u77e9\u9635 (\u79ef\u6728\u98ce Grid) -->\n    <div class=\"udb2b-matrix-section\">\n      <h3 class=\"udb2b-matrix-h3\">Lifecycle Responsibility Matrix<\/h3>\n      <div class=\"udb2b-grid-table\">\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell udb2b-header-cell\">Work item<\/div>\n          <div class=\"udb2b-cell udb2b-header-cell\">Didi Land scope<\/div>\n          <div class=\"udb2b-cell udb2b-header-cell\">Buyer and local project scope<\/div>\n        <\/div>\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell\" data-col=\"1\">Concept and equipment schedule<\/div>\n          <div class=\"udb2b-cell\" data-col=\"2\">Prepare around the approved venue brief<\/div>\n          <div class=\"udb2b-cell\" data-col=\"3\">Confirm site data, ages, activities and operating model<\/div>\n        <\/div>\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell\" data-col=\"1\">Applicable requirement list<\/div>\n          <div class=\"udb2b-cell\" data-col=\"2\">Respond to the destination and document requirements supplied for the project<\/div>\n          <div class=\"udb2b-cell\" data-col=\"3\">Obtain authority, landlord, insurer and qualified professional requirements<\/div>\n        <\/div>\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell\" data-col=\"1\">Building and local works<\/div>\n          <div class=\"udb2b-cell\" data-col=\"2\">Provide equipment interfaces within the quoted scope<\/div>\n          <div class=\"udb2b-cell\" data-col=\"3\">Confirm structure, fire strategy, exits, accessibility, utilities and permits<\/div>\n        <\/div>\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell\" data-col=\"1\">Installation and acceptance<\/div>\n          <div class=\"udb2b-cell\" data-col=\"2\">Perform or support the installation route written in the quotation<\/div>\n          <div class=\"udb2b-cell\" data-col=\"3\">Prepare the site, access, storage, local labor and required inspections<\/div>\n        <\/div>\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell\" data-col=\"1\">Routine care<\/div>\n          <div class=\"udb2b-cell\" data-col=\"2\">Provide consultation and after-sales support<\/div>\n          <div class=\"udb2b-cell\" data-col=\"3\">Run inspection, maintenance, cleaning, supervision and repair records<\/div>\n        <\/div>\n        <div class=\"udb2b-row-group\">\n          <div class=\"udb2b-cell\" data-col=\"1\">Incident readiness<\/div>\n          <div class=\"udb2b-cell\" data-col=\"2\">Support equipment questions through the after-sales channel<\/div>\n          <div class=\"udb2b-cell\" data-col=\"3\">Maintain first aid, emergency response, incident reporting and reopening decisions<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u4e92\u52a8\u63d0\u793a\u4e0e CTA -->\n    <div class=\"udb2b-footer-note\">\n      <h3 class=\"udb2b-footer-h3\">Age and activity interactions<\/h3>\n      <p class=\"udb2b-footer-p\">Review slide exits, ball pits, climbing routes and standing zones together. Also mark the under-two boundary explicitly: an age label for \u201cchildren\u201d does not show whether the proposed equipment and operating controls fit the youngest users.<\/p>\n    <\/div>\n\n    <div class=\"udb2b-cta-wrap\">\n      <a href=\"#ct-popup-800\" class=\"udb2b-btn\">Discuss Project Scope &#038; Safety<\/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-1d65863\" data-block-id=\"1d65863\"><style>.stk-1d65863 {margin-bottom:0px !important;}.stk-1d65863-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1d65863-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f2e0684\" data-v=\"4\" data-block-id=\"f2e0684\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f2e0684-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f2e0684-inner-blocks\">\n<section id=\"udt-dino-process-module\" class=\"udt-module-wrapper\">\n  <!-- \u7ed3\u6784\u5316\u6570\u636e\uff1aOrganization -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Didi Land\",\n    \"industry\": \"Amusement Equipment Manufacturing\"\n  }\n  <\/script>\n\n  <!-- \u5a31\u4e50\u5316\u52a8\u6001\u80cc\u666f\u5143\u7d20\uff1a\u6ce2\u70b9\u3001\u79ef\u6728\u5757\u3001\u5341\u5b57\u661f -->\n  <div class=\"udt-playful-bg\">\n    <div class=\"udt-spotlight udt-spot-cyan\"><\/div>\n    <div class=\"udt-spotlight udt-spot-yellow\"><\/div>\n    <div class=\"udt-shape udt-circle-cyan\"><\/div>\n    <div class=\"udt-shape udt-pill-yellow\"><\/div>\n    <div class=\"udt-shape udt-ring-blue\"><\/div>\n    <div class=\"udt-shape udt-cross-star\"><\/div>\n  <\/div>\n\n  <div class=\"udt-module-inner\">\n    \n    <!-- \u5934\u90e8\u6392\u7248 -->\n    <h2 class=\"sbt-h2\">From 3D Concept to Installation Scope<\/h2>\n\n    <!-- \u53cc\u8f68\u5e76\u6392\u6e38\u4e50\u575e (\u4e25\u683c Grid \u9694\u79bb\uff0c\u7edd\u4e0d\u906e\u6321\u6587\u5b57) -->\n    <div class=\"udt-dual-dock\">\n      \n      <!-- \u5de6\u8f68\uff1a3D \u60ac\u6d6e\u89c6\u89c9\u56fe\u533a\uff0c\u5408\u7406\u63a7\u5236\u6700\u5927\u5bbd\u5ea6 -->\n      <div class=\"udt-dock-visual\">\n        <div class=\"udt-image-3d-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development8.jpg\" alt=\"Dinosaur 3D Playground Development Process\" loading=\"lazy\" class=\"udt-main-img\">\n          <div class=\"udt-image-shadow\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u8f68\uff1a\u9ad8\u5ea6\u6e05\u6670\u7684\u4ea4\u4e92 Tab \u9762\u677f -->\n      <div class=\"udt-dock-interactive udt-glass-panel\">\n        \n        <!-- \u80f6\u56ca Tab \u5bfc\u822a -->\n        <div class=\"udt-tab-nav\">\n          <button class=\"udt-tab-btn active\" data-step=\"1\">01<\/button>\n          <button class=\"udt-tab-btn\" data-step=\"2\">02<\/button>\n          <button class=\"udt-tab-btn\" data-step=\"3\">03<\/button>\n          <button class=\"udt-tab-btn\" data-step=\"4\">04<\/button>\n          <button class=\"udt-tab-btn\" data-step=\"5\">05<\/button>\n          <button class=\"udt-tab-btn\" data-step=\"6\">06<\/button>\n        <\/div>\n\n        <!-- Tab \u6587\u672c\u533a -->\n        <div class=\"udt-tab-content-wrapper\">\n          <div class=\"udt-tab-pane active\" id=\"udt-step-1\">\n            <h4 class=\"udt-pane-title\"><span class=\"udt-marker cyan\"><\/span>Submit the venue brief<\/h4>\n            <p class=\"udt-body-text\">Send the floor plan, clear height, obstructions, exact target ages, activity list, destination, budget range and opening target.<\/p>\n          <\/div>\n          <div class=\"udt-tab-pane\" id=\"udt-step-2\">\n            <h4 class=\"udt-pane-title\"><span class=\"udt-marker yellow\"><\/span>Review project fit<\/h4>\n            <p class=\"udt-body-text\">We identify missing inputs, separate the indoor full-venue scope from other equipment classes, and map the main guest and service routes.<\/p>\n          <\/div>\n          <div class=\"udt-tab-pane\" id=\"udt-step-3\">\n            <h4 class=\"udt-pane-title\"><span class=\"udt-marker cyan\"><\/span>Develop the 3D concept<\/h4>\n            <p class=\"udt-body-text\">We customize the dinosaur story, soft-play modules, play structure, zone transitions and landmark placement for buyer review.<\/p>\n          <\/div>\n          <div class=\"udt-tab-pane\" id=\"udt-step-4\">\n            <h4 class=\"udt-pane-title\"><span class=\"udt-marker yellow\"><\/span>Freeze the written scope<\/h4>\n            <p class=\"udt-body-text\">The approved equipment schedule, theme elements, price, payment, production plan, packing, freight and installation route are recorded in the quotation.<\/p>\n          <\/div>\n          <div class=\"udt-tab-pane\" id=\"udt-step-5\">\n            <h4 class=\"udt-pane-title\"><span class=\"udt-marker cyan\"><\/span>Manufacture &#038; prepare shipment<\/h4>\n            <p class=\"udt-body-text\">Production follows design approval and deposit, with the quoted 20\u201360 working-day schedule tied to the approved project.<\/p>\n          <\/div>\n          <div class=\"udt-tab-pane\" id=\"udt-step-6\">\n            <h4 class=\"udt-pane-title\"><span class=\"udt-marker yellow\"><\/span>Install, hand over and support<\/h4>\n            <p class=\"udt-body-text\">The agreed team completes the installation path, open items are resolved against the written scope, and Didi Land continues with 24\/7 online and after-sales support.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u6563\u843d\u5ba1\u6279\u8d34\u7eb8\u533a -->\n    <div class=\"udt-approval-zone\">\n      <h3 class=\"udt-h3-center\">Approval Points That Protect the Opening Plan<\/h3>\n      <div class=\"udt-scatter-badges\">\n        <div class=\"udt-badge\"><span class=\"udt-b-dot\"><\/span>One authorized buyer approves design revisions.<\/div>\n        <div class=\"udt-badge\"><span class=\"udt-b-dot\"><\/span>Site measurements and fixed services are checked before the layout is frozen.<\/div>\n        <div class=\"udt-badge\"><span class=\"udt-b-dot\"><\/span>Equipment, theme work and excluded local works are itemized.<\/div>\n        <div class=\"udt-badge\"><span class=\"udt-b-dot\"><\/span>Packing, delivery, unloading, storage and installation owners are named.<\/div>\n        <div class=\"udt-badge\"><span class=\"udt-b-dot\"><\/span>Local review, operating procedures and acceptance evidence are scheduled before opening.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5c45\u4e2d\u5706\u6da6 CTA -->\n    <div class=\"udt-cta-container\">\n      <a href=\"#ct-popup-800\" class=\"udt-primary-cta\">\n        <span class=\"udt-cta-main\">Ask for a Scope Review<\/span>\n        <span class=\"udt-cta-sub\">Build a Responsibility Matrix<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* 1. \u5916\u5c42\u57fa\u5e95 *\/\n    #udt-dino-process-module {\n      position: relative;\n      width: 100% !important;\n      background-color: #FFFFFF !important; \n      padding-block: clamp(20px, 3vw, 40px);\n      font-family: inherit;\n      box-sizing: border-box;\n      overflow: hidden;\n      z-index: 1;\n    }\n    #udt-dino-process-module * { box-sizing: border-box; }\n\n    \/* 2. \u80cc\u666f\u5a31\u4e50\u5316\u8bbe\u8ba1 (\u7eaf CSS \u7ed8\u5236\u7684\u56fe\u5f62) *\/\n    #udt-dino-process-module .udt-playful-bg {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      z-index: -2;\n      pointer-events: none;\n      overflow: hidden;\n    }\n    \/* \u5149\u6655 *\/\n    #udt-dino-process-module .udt-spotlight {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(120px);\n      opacity: 0.15;\n    }\n    #udt-dino-process-module .udt-spot-cyan { width: 50vw; height: 50vw; background: #00D8FF; top: -10%; left: -5%; }\n    #udt-dino-process-module .udt-spot-yellow { width: 45vw; height: 45vw; background: #FFD848; bottom: -10%; right: -10%; }\n    \n    \/* \u60ac\u6d6e\u88c5\u9970\u7269 *\/\n    #udt-dino-process-module .udt-shape { position: absolute; opacity: 0.4; animation: udtFloatBg 8s ease-in-out infinite; }\n    #udt-dino-process-module .udt-circle-cyan { width: 40px; height: 40px; border-radius: 50%; background: #00D8FF; top: 15%; right: 10%; animation-delay: 0s; }\n    #udt-dino-process-module .udt-pill-yellow { width: 60px; height: 25px; border-radius: 20px; background: #FFD848; bottom: 25%; left: 5%; transform: rotate(45deg); animation-delay: 2s; }\n    #udt-dino-process-module .udt-ring-blue { width: 50px; height: 50px; border-radius: 50%; border: 6px solid #00D8FF; top: 50%; left: 50%; animation-delay: 4s; }\n    #udt-dino-process-module .udt-cross-star { width: 30px; height: 30px; top: 20%; left: 20%; animation-delay: 1s; }\n    #udt-dino-process-module .udt-cross-star::before, #udt-dino-process-module .udt-cross-star::after { content: \"\"; position: absolute; background: #FFD848; border-radius: 5px;}\n    #udt-dino-process-module .udt-cross-star::before { top: 10px; left: 0; width: 30px; height: 10px; }\n    #udt-dino-process-module .udt-cross-star::after { top: 0; left: 10px; width: 10px; height: 30px; }\n    \n    @keyframes udtFloatBg {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-30px) rotate(15deg); }\n    }\n\n    \/* 3. \u5185\u5c42\u63a7\u5236 *\/\n    #udt-dino-process-module .udt-module-inner {\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(16px, 3vw, 40px);\n      display: flex;\n      flex-direction: column;\n    }\n\n    #udt-dino-process-module .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(30px, 4vw, 50px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 800;\n      line-height: 1.15;\n      background: linear-gradient(135deg, #00A3C4 0%, #00D8FF 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent !important; \n      text-align: center;\n    }\n\n    \/* 4. \u53cc\u8f68\u5e76\u6392\u6e38\u4e50\u575e (\u6838\u5fc3\u6392\u7248\u4f18\u5316) *\/\n    #udt-dino-process-module .udt-dual-dock {\n      display: grid;\n      \/* \u4e25\u683c 4.5 : 5.5 \u6bd4\u4f8b\u9694\u79bb\uff0c\u7edd\u5bf9\u4e0d\u4f1a\u4e92\u76f8\u906e\u6321 *\/\n      grid-template-columns: minmax(300px, 4.5fr) minmax(350px, 5.5fr);\n      gap: clamp(30px, 4vw, 60px);\n      align-items: center;\n      margin-bottom: clamp(50px, 6vw, 80px);\n    }\n\n    \/* \u5de6\u4fa7\u89c6\u89c9\u533a *\/\n    #udt-dino-process-module .udt-dock-visual {\n      width: 100%;\n      perspective: 1200px;\n    }\n    #udt-dino-process-module .udt-image-3d-wrap {\n      position: relative;\n      transform-style: preserve-3d;\n      animation: udtImgHover 6s ease-in-out infinite alternate;\n    }\n    @keyframes udtImgHover {\n      0% { transform: rotateY(8deg) rotateX(2deg); }\n      100% { transform: rotateY(2deg) rotateX(0deg); }\n    }\n    #udt-dino-process-module .udt-main-img {\n      width: 100%;\n      height: auto;\n      border-radius: 40px 100px 40px 100px; \/* \u6d3b\u6cfc\u7684\u4e0d\u89c4\u5219\u5927\u5706\u89d2 *\/\n      object-fit: cover;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n      position: relative;\n      z-index: 2;\n    }\n    #udt-dino-process-module .udt-image-shadow {\n      position: absolute;\n      top: 20px; left: 20px; right: -10px; bottom: -10px;\n      background: #00D8FF;\n      border-radius: 40px 100px 40px 100px;\n      opacity: 0.2;\n      z-index: 1;\n      filter: blur(10px);\n    }\n\n    \/* \u53f3\u4fa7\u4ea4\u4e92\u9762\u677f\uff1a\u9ad8\u5bf9\u6bd4\u5ea6\u3001\u6e05\u6670\u7684 Glassmorphism *\/\n    #udt-dino-process-module .udt-glass-panel {\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border-radius: 32px;\n      padding: clamp(30px, 4vw, 40px);\n      box-shadow: 0 15px 40px rgba(0, 216, 255, 0.08), inset 0 0 0 1px rgba(255,255,255,1);\n    }\n\n    \/* Tab \u5bfc\u822a\u7403 *\/\n    #udt-dino-process-module .udt-tab-nav {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 24px;\n      padding-bottom: 20px;\n      border-bottom: 2px dashed rgba(0, 216, 255, 0.2);\n    }\n    #udt-dino-process-module .udt-tab-btn {\n      width: 44px; height: 44px;\n      border-radius: 50%;\n      border: none;\n      background: #F3F4F6;\n      color: #6B7280;\n      font-weight: 800;\n      font-size: 15px;\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    #udt-dino-process-module .udt-tab-btn:hover {\n      background: #FFD848;\n      color: #111827;\n      transform: translateY(-2px);\n    }\n    #udt-dino-process-module .udt-tab-btn.active {\n      background: #00D8FF;\n      color: #FFFFFF;\n      box-shadow: 0 6px 15px rgba(0, 216, 255, 0.3);\n      transform: scale(1.1);\n    }\n\n    \/* Tab \u6587\u672c\u533a\uff1a\u5b89\u5168\u9690\u85cf\uff0c\u9632\u722c\u866b\u622a\u65ad *\/\n    #udt-dino-process-module .udt-tab-content-wrapper {\n      position: relative;\n      min-height: 140px; \n    }\n    #udt-dino-process-module .udt-tab-pane {\n      position: absolute;\n      left: -9999px; \n      top: 0;\n      opacity: 0;\n      width: 100%;\n      transition: opacity 0.3s ease, transform 0.3s ease;\n      transform: translateY(10px);\n    }\n    #udt-dino-process-module .udt-tab-pane.active {\n      position: relative;\n      left: 0;\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    #udt-dino-process-module .udt-pane-title {\n      font-size: clamp(20px, 1.6vw, 24px);\n      font-weight: 800;\n      line-height: 1.3;\n      color: #111827; \n      margin: 0 0 16px 0;\n      display: flex;\n      align-items: center;\n    }\n    #udt-dino-process-module .udt-marker {\n      display: inline-block;\n      width: 16px; height: 8px;\n      border-radius: 4px;\n      margin-right: 12px;\n      flex-shrink: 0;\n    }\n    #udt-dino-process-module .udt-marker.cyan { background: #00D8FF; }\n    #udt-dino-process-module .udt-marker.yellow { background: #FFD848; }\n\n    #udt-dino-process-module .udt-body-text {\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      line-height: 1.6;\n      color: #374151;\n      margin: 0;\n    }\n\n    \/* 5. \u5e95\u90e8\u8d34\u7eb8\u6563\u843d\u533a *\/\n    #udt-dino-process-module .udt-approval-zone {\n      margin-bottom: clamp(40px, 5vw, 60px);\n    }\n    #udt-dino-process-module .udt-h3-center {\n      font-size: clamp(22px, 1.8vw, 26px);\n      font-weight: 800;\n      line-height: 1.3;\n      color: #111827; \n      text-align: center;\n      margin: 0 0 24px 0;\n    }\n    #udt-dino-process-module .udt-scatter-badges {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 16px;\n    }\n    #udt-dino-process-module .udt-badge {\n      background: #FFFFFF;\n      border: 1px solid rgba(0, 216, 255, 0.15);\n      padding: 12px 24px;\n      border-radius: 30px; \/* \u5706\u6da6\u7684\u80f6\u56ca\u5916\u5f62 *\/\n      font-size: 14px;\n      font-weight: 500;\n      color: #4B5563;\n      display: flex;\n      align-items: center;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n    }\n    #udt-dino-process-module .udt-badge:hover {\n      box-shadow: 0 10px 20px rgba(255, 216, 72, 0.2);\n      transform: translateY(-3px) scale(1.02);\n      border-color: #FFD848;\n      color: #111827;\n    }\n    #udt-dino-process-module .udt-b-dot {\n      width: 6px; height: 6px;\n      background: #00D8FF;\n      border-radius: 50%;\n      margin-right: 10px;\n      flex-shrink: 0;\n    }\n\n    \/* 6. CTA *\/\n    #udt-dino-process-module .udt-cta-container {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n    }\n    #udt-dino-process-module .udt-primary-cta {\n      display: inline-flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      background: #00D8FF; \n      padding: 16px 50px;\n      border-radius: 60px;\n      text-decoration: none;\n      box-shadow: 0 10px 30px rgba(0, 216, 255, 0.3);\n      transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    #udt-dino-process-module .udt-primary-cta::after {\n      content: \"\";\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: #FFD848; \n      opacity: 0;\n      transition: opacity 0.3s ease;\n      z-index: 1;\n    }\n    #udt-dino-process-module .udt-primary-cta:hover {\n      transform: translateY(-4px) scale(1.02);\n      box-shadow: 0 15px 40px rgba(255, 216, 72, 0.4); \n    }\n    #udt-dino-process-module .udt-primary-cta:hover::after { opacity: 1; }\n    \n    #udt-dino-process-module .udt-cta-main {\n      font-size: clamp(16px, 1.4vw, 18px);\n      font-weight: 800;\n      color: #FFFFFF;\n      position: relative;\n      z-index: 2;\n      transition: color 0.3s ease;\n    }\n    #udt-dino-process-module .udt-cta-sub {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.95);\n      margin-top: 4px;\n      position: relative;\n      z-index: 2;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      transition: color 0.3s ease;\n    }\n    #udt-dino-process-module .udt-primary-cta:hover .udt-cta-main,\n    #udt-dino-process-module .udt-primary-cta:hover .udt-cta-sub {\n      color: #111827; \n    }\n\n    \/* \u79fb\u52a8\u7aef\u6392\u7248\u4fdd\u62a4 *\/\n    @media (max-width: 992px) {\n      #udt-dino-process-module .udt-dual-dock { grid-template-columns: 1fr; gap: 40px; }\n      #udt-dino-process-module .udt-image-3d-wrap { max-width: 600px; margin: 0 auto; }\n    }\n    @media (max-width:690px) {\n      #udt-dino-process-module .udt-primary-cta { width: 100%; padding-inline: 20px; text-align: center; }\n      #udt-dino-process-module .udt-playful-bg { display: none; } \/* \u79fb\u52a8\u7aef\u9690\u85cf\u8fc7\u5bc6\u80cc\u666f\u7b26 *\/\n    }\n  <\/style>\n\n  <!-- Vanilla JS: Tab \u63a7\u5236 -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const module = document.getElementById('udt-dino-process-module');\n      if(!module) return;\n      \n      const btns = module.querySelectorAll('.udt-tab-btn');\n      const panes = module.querySelectorAll('.udt-tab-pane');\n\n      btns.forEach(btn => {\n        btn.addEventListener('click', function() {\n          const step = this.getAttribute('data-step');\n          \n          btns.forEach(b => b.classList.remove('active'));\n          panes.forEach(p => p.classList.remove('active'));\n          \n          this.classList.add('active');\n          const targetPane = module.querySelector('#udt-step-' + step);\n          if(targetPane) {\n            targetPane.classList.add('active');\n          }\n        });\n      });\n    });\n  <\/script>\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-cf9df99\" data-block-id=\"cf9df99\"><style>.stk-cf9df99 {margin-bottom:0px !important;}.stk-cf9df99-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cf9df99-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bdee65c\" data-v=\"4\" data-block-id=\"bdee65c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bdee65c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-bdee65c-inner-blocks\">\n<section id=\"ddl-3d-gallery-module\">\n  <!-- \u7ed3\u6784\u5316\u6570\u636e -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Guangzhou Didi Land Amusement Equipment Co., Ltd.\",\n    \"foundingDate\": \"2014\",\n    \"description\": \"Manufactures customizable indoor children\u2019s playground equipment for investors and venue operators.\",\n    \"areaServed\": [\"France\", \"India\", \"Sri Lanka\", \"South Africa\", \"Mexico\", \"Malaysia\", \"Poland\"]\n  }\n  <\/script>\n\n  <!-- \u5168\u65b0\u5347\u7ea7\uff1a\u5a31\u4e50\u5316\u8d5b\u535a\u6e38\u4e50\u573a\u80cc\u666f (Fun Cyber-Amusement Background) -->\n  <div class=\"ddl-fun-bg-layer\">\n    <!-- \u5de5\u4e1a\u6ce2\u70b9\u6e38\u4e50\u84dd\u56fe -->\n    <div class=\"ddl-bg-dot-grid\"><\/div>\n    \n    <!-- \u6c1b\u56f4\u805a\u5149\u706f -->\n    <div class=\"ddl-bg-glow glow-cyan\"><\/div>\n    <div class=\"ddl-bg-glow glow-yellow\"><\/div>\n    \n    <!-- \u5de8\u578b\u6e38\u4e50\u6ed1\u9053\/\u8fc7\u5c71\u8f66\u62bd\u8c61\u8f68\u9053 (\u52a8\u6001\u60ac\u6d6e\u65cb\u8f6c) -->\n    <div class=\"ddl-fun-track track-1\"><\/div>\n    <div class=\"ddl-fun-track track-2\"><\/div>\n    <div class=\"ddl-fun-track track-3\"><\/div>\n\n    <!-- \u62bd\u8c61\u6e38\u4e50\u79ef\u6728\/\u8bbe\u65bd\u51e0\u4f55\u4f53 -->\n    <div class=\"ddl-fun-shape shape-arch\"><\/div>\n    <div class=\"ddl-fun-shape shape-poly\"><\/div>\n  <\/div>\n\n  <div class=\"ddl-3d-inner\">\n    \n    <!-- \u9876\u90e8\uff1a\u6c89\u6d78\u5f0f\u6807\u9898\u533a -->\n    <div class=\"ddl-3d-header\">\n      <h2 class=\"sbt-h2\">Dinosaur Venue Design Reference<\/h2>\n      <p class=\"ddl-3d-desc\">\n        The reference gallery shows how large landmarks, enclosed soft play, ball areas, interactive activities and family support zones can share one themed venue. Captions describe only what is visible; the images are not presented as named customer case studies or evidence of a specific country, specification or result.\n      <\/p>\n    <\/div>\n\n    <!-- \u6838\u5fc3\u533a\uff1a3D \u73af\u7ed5\u4ea4\u4e92\u5f0f\u753b\u5eca -->\n    <div class=\"ddl-3d-carousel-container\">\n      <div class=\"ddl-3d-carousel-scene\">\n        <div class=\"ddl-3d-carousel-spinner\" id=\"ddlCarouselSpinner\">\n          \n          <div class=\"ddl-3d-panel\" data-index=\"0\">\n            <div class=\"ddl-3d-panel-inner\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development1.jpg\" alt=\"Multi-level dinosaur-themed soft play structure with slides and ball play\" loading=\"eager\">\n              <div class=\"ddl-3d-caption\">\n                <h4>Multi-level dinosaur-themed soft play structure with slides and ball play<\/h4>\n                <p>Multi-level soft play, slides and ball activity arranged as a connected play route.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"ddl-3d-panel\" data-index=\"1\">\n            <div class=\"ddl-3d-panel-inner\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development2.jpg\" alt=\"Dinosaur landmark beside an enclosed indoor ball-play entrance\" loading=\"lazy\">\n              <div class=\"ddl-3d-caption\">\n                <h4>Dinosaur landmark beside an enclosed indoor ball-play entrance<\/h4>\n                <p>A themed landmark marks the transition into an enclosed ball-play zone.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"ddl-3d-panel\" data-index=\"2\">\n            <div class=\"ddl-3d-panel-inner\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development3.jpg\" alt=\"Indoor ball pit with triple slides and an interactive projection area\" loading=\"lazy\">\n              <div class=\"ddl-3d-caption\">\n                <h4>Indoor ball pit with triple slides and an interactive projection area<\/h4>\n                <p>Slides, ball play and interactive projection share one visible activity area.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ddl-3d-panel\" data-index=\"3\">\n            <div class=\"ddl-3d-panel-inner\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development4.jpg\" alt=\"Dinosaur egg activity, interactive game, arcade and inflatable play\" loading=\"lazy\">\n              <div class=\"ddl-3d-caption\">\n                <h4>Dinosaur egg activity, interactive game, arcade and inflatable play<\/h4>\n                <p>Different activity tempos give families several ways to play together.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ddl-3d-panel\" data-index=\"4\">\n            <div class=\"ddl-3d-panel-inner\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development5.jpg\" alt=\"Dinosaur figure beside family dining tables in an indoor venue\" loading=\"lazy\">\n              <div class=\"ddl-3d-caption\">\n                <h4>Dinosaur figure beside family dining tables in an indoor venue<\/h4>\n                <p>Dining beside the themed zone keeps the adult experience in the layout discussion.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ddl-3d-panel\" data-index=\"5\">\n            <div class=\"ddl-3d-panel-inner\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development6.jpg\" alt=\"Bilingual dinosaur venue map showing themed activity zones\" loading=\"lazy\">\n              <div class=\"ddl-3d-caption\">\n                <h4>Bilingual dinosaur venue map showing themed activity zones<\/h4>\n                <p>A localized site map turns the dinosaur theme into wayfinding, not decoration alone.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n      <button class=\"ddl-3d-nav-btn prev\" id=\"ddlPrevBtn\" aria-label=\"Previous image\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n      <\/button>\n      <button class=\"ddl-3d-nav-btn next\" id=\"ddlNextBtn\" aria-label=\"Next image\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- \u5e95\u90e8\uff1a\u91cd\u6784\u540e\u7684\u4f01\u4e1a\u5b9e\u529b\u533a (\u6781\u81f4\u6697\u9ed1\u79d1\u6280\u611f + \u7edd\u5bf9\u6574\u9f50 3x2 \u7f51\u683c) -->\n    <div class=\"ddl-3d-corporate\">\n      \n      <div class=\"ddl-corp-content-wrapper\">\n        <div class=\"ddl-corp-header\">\n          <h3 class=\"ddl-corp-title\">Didi Land Manufacturing and Global Project Support<\/h3>\n          <div class=\"ddl-corp-line\"><\/div>\n        <\/div>\n        \n        <!-- \u5f3a\u7ea6\u675f 3x2 \u5b8c\u7f8e\u7f51\u683c -->\n        <div class=\"ddl-corp-matrix\">\n          \n          <div class=\"ddl-matrix-node theme-cyan\">\n            <div class=\"node-bg-num\">01<\/div>\n            <div class=\"node-badge\">Established in 2014<\/div>\n            <p>Guangzhou Didi Land Amusement Equipment Co., Ltd. manufactures customizable indoor children\u2019s playground equipment for investors and venue operators.<\/p>\n          <\/div>\n          \n          <div class=\"ddl-matrix-node theme-yellow\">\n            <div class=\"node-bg-num\">02<\/div>\n            <div class=\"node-badge\">More Than 40 Countries<\/div>\n            <p>We have exported products to more than 40 countries, including France, India, Sri Lanka, South Africa, Mexico, Malaysia and Poland.<\/p>\n          <\/div>\n          \n          <div class=\"ddl-matrix-node theme-cyan\">\n            <div class=\"node-bg-num\">03<\/div>\n            <div class=\"node-badge\">Global Sales Focus<\/div>\n            <p>More than 90% of our products are sold to the global market, and our average annual growth rate is over 20%.<\/p>\n          <\/div>\n          \n          <div class=\"ddl-matrix-node theme-yellow\">\n            <div class=\"node-bg-num\">04<\/div>\n            <div class=\"node-badge\">International Industry Contact<\/div>\n            <p>We actively take part in international fairs to meet buyers, examine venue needs and discuss custom indoor playground projects.<\/p>\n          <\/div>\n          \n          <div class=\"ddl-matrix-node theme-cyan\">\n            <div class=\"node-bg-num\">05<\/div>\n            <div class=\"node-badge\">Customization<\/div>\n            <p>We customize the playground design, theme direction and equipment mix around the submitted project brief.<\/p>\n          <\/div>\n          \n          <div class=\"ddl-matrix-node theme-yellow\">\n            <div class=\"node-bg-num\">06<\/div>\n            <div class=\"node-badge\">Support After the Order<\/div>\n            <p>We provide 24\/7 online support, free consultation and after-sales support. Our service continues after the equipment order is placed.<\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5c45\u4e2d\u53d1\u5149 CTA -->\n    <div class=\"ddl-3d-cta-wrap\">\n      <a href=\"#ct-popup-800\" class=\"ddl-3d-btn\">Request a Project Evidence Review<\/a>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* =========================================\n       1. Reset & \u57fa\u7840\u5bb9\u5668 (\u6781\u81f4\u6697\u9ed1\u79d1\u6280\u611f)\n       ========================================= *\/\n    #ddl-3d-gallery-module {\n      position: relative;\n      width: 100% !important;\n      background-color: #030712; \/* \u6781\u81f4\u6697\u591c\u6df1\u7a7a\u5e95\u8272 *\/\n      padding-block: clamp(40px, 5vw, 60px) clamp(60px, 8vw, 100px);\n      box-sizing: border-box;\n      overflow: hidden;\n      z-index: 1;\n      font-family: inherit;\n      color: #e2e8f0;\n    }\n    #ddl-3d-gallery-module * { box-sizing: border-box; }\n\n    \/* =========================================\n       2. \u5a31\u4e50\u5316\u8bbe\u8ba1\u80cc\u666f\uff1a\u6e38\u4e50\u8bbe\u5907\u84dd\u56fe\u4e0e\u5149\u5f71\n       ========================================= *\/\n    #ddl-3d-gallery-module .ddl-fun-bg-layer {\n      position: absolute; inset: 0; z-index: -2; pointer-events: none; overflow: hidden;\n    }\n    \n    \/* \u5de5\u4e1a\u6e38\u4e50\u6ce2\u70b9\u84dd\u56fe *\/\n    #ddl-3d-gallery-module .ddl-bg-dot-grid {\n      position: absolute; inset: 0;\n      background-image: radial-gradient(rgba(0, 216, 255, 0.12) 1.5px, transparent 1.5px);\n      background-size: 32px 32px;\n      opacity: 0.7;\n    }\n\n    \/* \u6c1b\u56f4\u805a\u5149\u706f *\/\n    #ddl-3d-gallery-module .ddl-bg-glow {\n      position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.6;\n    }\n    #ddl-3d-gallery-module .glow-cyan {\n      top: 5%; left: 10%; width: 50vw; height: 50vw;\n      background: radial-gradient(circle, rgba(0, 216, 255, 0.15) 0%, transparent 60%);\n    }\n    #ddl-3d-gallery-module .glow-yellow {\n      bottom: -10%; right: -5%; width: 60vw; height: 60vw;\n      background: radial-gradient(circle, rgba(255, 216, 72, 0.08) 0%, transparent 60%);\n    }\n\n    \/* \u62bd\u8c61\u6e38\u4e50\u6ed1\u9053\u865a\u7ebf\u73af (\u52a8\u6001\u60ac\u6d6e) *\/\n    #ddl-3d-gallery-module .ddl-fun-track {\n      position: absolute; border-radius: 50%; transform-style: preserve-3d;\n    }\n    #ddl-3d-gallery-module .track-1 {\n      top: -15%; right: -5%; width: 45vw; height: 45vw;\n      border: 3px dashed rgba(255, 216, 72, 0.15);\n      animation: ddlSpin 80s linear infinite;\n    }\n    #ddl-3d-gallery-module .track-2 {\n      bottom: 20%; left: -10%; width: 35vw; height: 35vw;\n      border: 2px dotted rgba(0, 216, 255, 0.2);\n      animation: ddlSpin 60s linear infinite reverse;\n    }\n    #ddl-3d-gallery-module .track-3 {\n      top: 40%; left: 50%; transform: translate(-50%, -50%) rotateX(60deg);\n      width: 120vw; height: 120vw;\n      border: 1px solid rgba(0, 216, 255, 0.05);\n      box-shadow: inset 0 0 40px rgba(0, 216, 255, 0.05);\n      animation: ddlPulse 6s ease-in-out infinite alternate;\n    }\n\n    \/* \u62bd\u8c61\u6e38\u4e50\u79ef\u6728\/\u8bbe\u65bd\u51e0\u4f55\u4f53 *\/\n    #ddl-3d-gallery-module .ddl-fun-shape {\n      position: absolute; filter: blur(2px); opacity: 0.5;\n    }\n    #ddl-3d-gallery-module .shape-arch {\n      top: 15%; left: 5%; width: 120px; height: 240px;\n      border: 6px solid #00D8FF; border-radius: 120px 0 0 120px; border-right: none;\n      transform: rotate(-15deg);\n    }\n    #ddl-3d-gallery-module .shape-poly {\n      bottom: 10%; right: 8%; width: 150px; height: 150px;\n      background: linear-gradient(135deg, rgba(255, 216, 72, 0.1) 0%, transparent 100%);\n      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n      animation: ddlFloat 8s ease-in-out infinite;\n    }\n\n    @keyframes ddlSpin { 100% { transform: rotate(360deg); } }\n    @keyframes ddlFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(10deg); } }\n    @keyframes ddlPulse { 0% { transform: translate(-50%, -50%) rotateX(70deg) scale(0.95); } 100% { transform: translate(-50%, -50%) rotateX(70deg) scale(1.05); } }\n\n    \/* =========================================\n       3. \u5185\u90e8\u7ea6\u675f\u4e0e\u6807\u9898\n       ========================================= *\/\n    #ddl-3d-gallery-module .ddl-3d-inner {\n      max-width: 1600px !important; margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex; flex-direction: column; gap: clamp(40px, 6vw, 80px);\n      position: relative; z-index: 1;\n    }\n    #ddl-3d-gallery-module .ddl-3d-header {\n      width: 100%; max-width: 1000px; margin: 0 auto; text-align: center;\n    }\n    #ddl-3d-gallery-module .sbt-h2 {\n      width: 100% !important; white-space: normal; overflow-wrap: break-word;\n      margin: 0 0 clamp(20px, 3vw, 32px) 0 !important; padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px); font-weight: 700; line-height: 1.15;\n      color: #00D8FF !important; text-shadow: 0 0 20px rgba(0, 216, 255, 0.3);\n    }\n    #ddl-3d-gallery-module .ddl-3d-desc {\n      font-size: clamp(15px, 1.2vw, 17px); line-height: 1.6; color: #94a3b8; margin: 0;\n    }\n\n    \/* =========================================\n       4. 3D \u73af\u7ed5\u753b\u5eca\u7cfb\u7edf\n       ========================================= *\/\n    #ddl-3d-gallery-module .ddl-3d-carousel-container {\n      position: relative; width: 100%; height: clamp(400px, 50vw, 550px);\n      display: flex; justify-content: center; align-items: center;\n      perspective: 1200px; overflow: hidden; padding-block: 20px;\n    }\n    #ddl-3d-gallery-module .ddl-3d-carousel-scene {\n      width: clamp(280px, 45%, 600px); height: 100%;\n      position: relative; transform-style: preserve-3d;\n    }\n    #ddl-3d-gallery-module .ddl-3d-carousel-spinner {\n      width: 100%; height: 100%; position: absolute;\n      transform-style: preserve-3d;\n      transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    #ddl-3d-gallery-module .ddl-3d-panel {\n      position: absolute; width: 100%; height: 100%; left: 0; top: 0;\n      opacity: 0.3; transition: opacity 0.8s ease, filter 0.8s ease;\n      filter: grayscale(80%) blur(4px); cursor: pointer;\n    }\n    #ddl-3d-gallery-module .ddl-3d-panel.is-active {\n      opacity: 1; filter: grayscale(0%) blur(0); cursor: default;\n    }\n    \n    \/* \u73bb\u7483\u62df\u6001\u5de5\u4e1a\u76f8\u6846 *\/\n    #ddl-3d-gallery-module .ddl-3d-panel-inner {\n      width: 100%; height: 100%; border-radius: 16px; overflow: hidden;\n      background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(8px);\n      border: 1px solid rgba(255,255,255,0.1);\n      box-shadow: 0 20px 50px rgba(0,0,0,0.8); position: relative;\n    }\n    #ddl-3d-gallery-module .ddl-3d-panel.is-active .ddl-3d-panel-inner {\n      border: 2px solid #00D8FF; \n      box-shadow: 0 0 40px rgba(0, 216, 255, 0.2), 0 30px 60px rgba(0,0,0,0.8);\n    }\n    #ddl-3d-gallery-module .ddl-3d-panel img {\n      width: 100%; height: 100%; object-fit: cover;\n    }\n    \n    \/* \u60ac\u6d6e\u5b57\u5e55\u6d6e\u7a97 *\/\n    #ddl-3d-gallery-module .ddl-3d-caption {\n      position: absolute; bottom: 0; left: 0; width: 100%;\n      background: linear-gradient(to top, rgba(3, 7, 18, 0.95) 0%, rgba(3, 7, 18, 0.7) 60%, transparent 100%);\n      padding: 40px 24px 24px 24px;\n      transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n    }\n    #ddl-3d-gallery-module .ddl-3d-panel.is-active .ddl-3d-caption { transform: translateY(0); }\n    #ddl-3d-gallery-module .ddl-3d-caption h4 {\n      font-size: clamp(15px, 1.2vw, 18px); font-weight: 700; color: #FFD848;\n      margin: 0 0 8px 0; line-height: 1.3;\n    }\n    #ddl-3d-gallery-module .ddl-3d-caption p {\n      font-size: 14px; color: #cbd5e1; line-height: 1.5; margin: 0;\n    }\n\n    \/* \u79d1\u6280\u611f\u5bfc\u822a\u6309\u94ae *\/\n    #ddl-3d-gallery-module .ddl-3d-nav-btn {\n      position: absolute; top: 50%; transform: translateY(-50%);\n      width: 56px; height: 56px; border-radius: 50%;\n      background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(0, 216, 255, 0.3);\n      color: #00D8FF; display: flex; justify-content: center; align-items: center;\n      cursor: pointer; z-index: 10; transition: all 0.3s ease; backdrop-filter: blur(4px);\n    }\n    #ddl-3d-gallery-module .ddl-3d-nav-btn:hover {\n      background: #00D8FF; color: #030712; box-shadow: 0 0 20px rgba(0, 216, 255, 0.5);\n    }\n    #ddl-3d-gallery-module .prev { left: 5%; }\n    #ddl-3d-gallery-module .next { right: 5%; }\n\n    \/* =========================================\n       5. \u5236\u9020\u5b9e\u529b\uff1a\u9ad8\u7ea7\u5a31\u4e50\u5316\u9635\u5217\u6392\u7248\n       ========================================= *\/\n    #ddl-3d-gallery-module .ddl-3d-corporate {\n      position: relative;\n      background: rgba(11, 17, 32, 0.5);\n      border: 1px solid rgba(0, 216, 255, 0.1);\n      border-radius: 24px; \n      padding: clamp(32px, 5vw, 60px);\n      box-shadow: inset 0 0 60px rgba(0, 216, 255, 0.02);\n      backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n    }\n\n    \/* \u5185\u5bb9\u5bb9\u5668 *\/\n    #ddl-3d-gallery-module .ddl-corp-content-wrapper {\n      position: relative; z-index: 2;\n    }\n\n    #ddl-3d-gallery-module .ddl-corp-header {\n      display: flex; align-items: center; gap: 24px; margin-bottom: 40px;\n    }\n    #ddl-3d-gallery-module .ddl-corp-title {\n      font-size: clamp(20px, 1.8vw, 24px); font-weight: 800; color: #ffffff; white-space: nowrap; margin: 0;\n    }\n    #ddl-3d-gallery-module .ddl-corp-line {\n      flex-grow: 1; height: 1px; background: linear-gradient(90deg, rgba(0, 216, 255, 0.5) 0%, transparent 100%);\n    }\n    \n    \/* \u5f3a\u7ea6\u675f 3x2 \u7f51\u683c\uff0c\u5f7b\u5e95\u6d88\u9664\u5b64\u7acb\u7a7a\u767d *\/\n    #ddl-3d-gallery-module .ddl-corp-matrix {\n      display: grid; \n      grid-template-columns: repeat(3, 1fr); \n      gap: 24px;\n    }\n\n    \/* \u5a31\u4e50\u5316\u5361\u7247\u8bbe\u8ba1\uff1a\u5de5\u4e1a\u6e38\u4e50\u95e8\u7968\u6837\u5f0f *\/\n    #ddl-3d-gallery-module .ddl-matrix-node {\n      position: relative;\n      background: linear-gradient(145deg, rgba(15, 23, 42, 0.8) 0%, rgba(3, 7, 18, 0.9) 100%);\n      border: 1px solid rgba(255,255,255,0.05);\n      border-radius: 16px; \n      padding: 32px 24px; \n      overflow: hidden;\n      display: flex; flex-direction: column; \n      transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;\n    }\n    \n    \/* \u9876\u90e8\u53d1\u5149\u8f68\u9053\u7ebf *\/\n    #ddl-3d-gallery-module .ddl-matrix-node::before {\n      content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;\n      background: currentColor; opacity: 0.8;\n    }\n    \n    \/* \u5de8\u578b\u6570\u5b57\u80cc\u666f\u6c34\u5370 (\u589e\u52a0\u6392\u7248\u5a31\u4e50\u611f) *\/\n    #ddl-3d-gallery-module .node-bg-num {\n      position: absolute; right: -10px; bottom: -20px;\n      font-size: 100px; font-weight: 900; line-height: 1;\n      color: rgba(255,255,255,0.02);\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n      transition: color 0.4s ease, transform 0.4s ease;\n      pointer-events: none; z-index: 0;\n    }\n\n    \/* \u5361\u7247\u60ac\u505c\u4e92\u52a8 *\/\n    #ddl-3d-gallery-module .ddl-matrix-node:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 0 1px currentColor;\n    }\n    #ddl-3d-gallery-module .ddl-matrix-node:hover .node-bg-num {\n      color: rgba(255,255,255,0.06); transform: scale(1.1) rotate(-5deg);\n    }\n\n    \/* \u4ea4\u66ff\u8272\u5f69\u8bbe\u5b9a\uff1a\u5929\u84dd\u4e0e\u6696\u9ec4 *\/\n    #ddl-3d-gallery-module .theme-cyan { color: #00D8FF; }\n    #ddl-3d-gallery-module .theme-yellow { color: #FFD848; }\n\n    #ddl-3d-gallery-module .node-badge {\n      position: relative; z-index: 1; display: inline-flex; align-self: flex-start;\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace; font-size: 13px; font-weight: 700;\n      text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 16px;\n    }\n    #ddl-3d-gallery-module .ddl-matrix-node p {\n      position: relative; z-index: 1;\n      font-size: 15px; line-height: 1.6; color: #cbd5e1; margin: 0;\n    }\n\n    \/* =========================================\n       6. \u52a8\u611f\u53d1\u5149 CTA\n       ========================================= *\/\n    #ddl-3d-gallery-module .ddl-3d-cta-wrap {\n      display: flex; justify-content: center; margin-top: 10px;\n    }\n    #ddl-3d-gallery-module .ddl-3d-btn {\n      display: inline-flex; align-items: center; justify-content: center;\n      padding: 18px 48px; font-size: 16px; font-weight: 800; text-decoration: none;\n      background-color: #00D8FF; color: #030712; border: 2px solid #00D8FF;\n      border-radius: 50px; \n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 8px 24px rgba(0, 216, 255, 0.3);\n      text-transform: uppercase; letter-spacing: 0.05em;\n    }\n    #ddl-3d-gallery-module .ddl-3d-btn:hover {\n      background-color: #FFD848; border-color: #FFD848; color: #030712;\n      box-shadow: 0 12px 32px rgba(255, 216, 72, 0.5); transform: translateY(-3px) scale(1.02);\n    }\n\n    \/* =========================================\n       7. \u54cd\u5e94\u5f0f\u63a7\u5236\n       ========================================= *\/\n    @media (max-width:1000px) {\n      #ddl-3d-gallery-module .ddl-corp-matrix { grid-template-columns: repeat(2, 1fr); }\n      #ddl-3d-gallery-module .ddl-corp-header { flex-direction: column; align-items: flex-start; gap: 16px; }\n      #ddl-3d-gallery-module .ddl-corp-line { width: 100%; }\n      #ddl-3d-gallery-module .ddl-corp-title { white-space: normal; }\n    }\n    @media (max-width:690px) {\n      #ddl-3d-gallery-module .ddl-3d-carousel-scene { width: 70%; }\n      #ddl-3d-gallery-module .prev { left: 2%; }\n      #ddl-3d-gallery-module .next { right: 2%; }\n    }\n    @media (max-width: 640px) {\n      #ddl-3d-gallery-module .ddl-corp-matrix { grid-template-columns: 1fr; }\n      #ddl-3d-gallery-module .ddl-3d-carousel-scene { width: 85%; }\n      #ddl-3d-gallery-module .ddl-3d-nav-btn { width: 40px; height: 40px; }\n      #ddl-3d-gallery-module .prev { left: 0; }\n      #ddl-3d-gallery-module .next { right: 0; }\n      #ddl-3d-gallery-module .ddl-3d-btn { width: 100%; text-align: center; }\n      #ddl-3d-gallery-module .ddl-fun-track, #ddl-3d-gallery-module .ddl-fun-shape { display: none; } \/* \u79fb\u52a8\u7aef\u9690\u85cf\u8fc7\u5927\u80cc\u666f\u88c5\u9970 *\/\n    }\n  <\/style>\n\n  <script>\n    \/\/ Vanilla JS\uff1a3D \u73af\u7ed5\u5f15\u64ce\u903b\u8f91\n    document.addEventListener('DOMContentLoaded', function() {\n      const spinner = document.getElementById('ddlCarouselSpinner');\n      const panels = document.querySelectorAll('.ddl-3d-panel');\n      const prevBtn = document.getElementById('ddlPrevBtn');\n      const nextBtn = document.getElementById('ddlNextBtn');\n      if (!spinner || panels.length === 0) return;\n\n      const panelCount = panels.length;\n      const angle = 360 \/ panelCount;\n      let currIndex = 0;\n\n      \/\/ \u52a8\u6001\u8ba1\u7b97 translateZ \u4ee5\u9002\u5e94\u4e0d\u540c\u5c4f\u5e55\u5c3a\u5bf8\u4e0b\u7684 3D \u534a\u5f84\n      function getTranslateZ() {\n        const sceneWidth = spinner.parentElement.offsetWidth;\n        return Math.round((sceneWidth \/ 2) \/ Math.tan(Math.PI \/ panelCount)) + 40; \n      }\n\n      function setupCarousel() {\n        const tz = getTranslateZ();\n        panels.forEach((panel, i) => {\n          panel.style.transform = `rotateY(${i * angle}deg) translateZ(${tz}px)`;\n        });\n        updateCarousel();\n      }\n\n      function updateCarousel() {\n        const rotateY = currIndex * -angle;\n        spinner.style.transform = `translateZ(-${getTranslateZ()}px) rotateY(${rotateY}deg)`;\n\n        let activeIdx = currIndex % panelCount;\n        if (activeIdx < 0) activeIdx += panelCount;\n\n        panels.forEach((panel, i) => {\n          if (i === activeIdx) {\n            panel.classList.add('is-active');\n          } else {\n            panel.classList.remove('is-active');\n          }\n        });\n      }\n\n      window.addEventListener('resize', () => {\n        setupCarousel();\n      });\n\n      prevBtn.addEventListener('click', () => {\n        currIndex--;\n        updateCarousel();\n      });\n      nextBtn.addEventListener('click', () => {\n        currIndex++;\n        updateCarousel();\n      });\n\n      panels.forEach((panel, i) => {\n        panel.addEventListener('click', () => {\n          let activeIdx = currIndex % panelCount;\n          if (activeIdx < 0) activeIdx += panelCount;\n          \n          if (i !== activeIdx) {\n            let diff = i - activeIdx;\n            if (diff > panelCount \/ 2) diff -= panelCount;\n            if (diff < -panelCount \/ 2) diff += panelCount;\n            \n            currIndex += diff;\n            updateCarousel();\n          }\n        });\n      });\n\n      setupCarousel();\n    });\n  <\/script>\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-2b2d157\" data-block-id=\"2b2d157\"><style>.stk-2b2d157 {margin-bottom:0px !important;}.stk-2b2d157-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2b2d157-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-891be14\" data-v=\"4\" data-block-id=\"891be14\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-891be14-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-891be14-inner-blocks\">\n<section id=\"udt-dino-fit-module\" class=\"udt-module-wrapper\">\n  <!-- \u7ed3\u6784\u5316\u6570\u636e\uff1aOrganization -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Didi Land\",\n    \"industry\": \"Amusement Equipment Manufacturing\"\n  }\n  <\/script>\n\n  <!-- \u5a31\u4e50\u5316\u52a8\u6001\u80cc\u666f\uff1a\u805a\u5149\u706f\u4e0e\u60ac\u6d6e\u6e38\u4e50\u51e0\u4f55\u4f53 -->\n  <div class=\"udt-playful-bg\">\n    <div class=\"udt-spotlight udt-spot-cyan\"><\/div>\n    <div class=\"udt-spotlight udt-spot-yellow\"><\/div>\n    <div class=\"udt-shape udt-circle-cyan\"><\/div>\n    <div class=\"udt-shape udt-pill-yellow\"><\/div>\n    <div class=\"udt-shape udt-ring-blue\"><\/div>\n    <div class=\"udt-shape udt-cross-star\"><\/div>\n  <\/div>\n\n  <div class=\"udt-module-inner\">\n    \n    <!-- \u5934\u90e8\u6392\u7248\uff1a\u5168\u5bbd\u6362\u884c\u3001\u5c45\u4e2d -->\n    <div class=\"udt-header-block\">\n      <h2 class=\"sbt-h2\">Project Fit and Local-Site Boundaries<\/h2>\n      <p class=\"udt-body-intro\">A dinosaur concept needs to justify its footprint through play, orientation and guest experience. If the theme conflicts with age separation, circulation, cleaning or the business model, revise it before production rather than leaving the operator to absorb the problem after opening.<\/p>\n    <\/div>\n\n    <!-- \u53cc\u8f68\u4e92\u52a8\u5c55\u53f0 (\u4e25\u683c Grid \u9694\u79bb\uff0c\u7edd\u4e0d\u906e\u6321) -->\n    <div class=\"udt-showcase-grid\">\n      \n      <!-- \u5de6\u8f68\uff1a\u6df1\u5c42\u6b21\u5a31\u4e50\u5316\u56fe\u7247\u7ec4\u4ef6 -->\n      <div class=\"udt-visual-col\">\n        <div class=\"udt-layered-img-stack\">\n          <!-- \u5c42\u6b211: \u5e95\u5c42\u9519\u4f4d\u5f69\u8272\u79ef\u6728\u5757 -->\n          <div class=\"udt-img-backdrop\"><\/div>\n          \n          <!-- \u5c42\u6b212: \u4e3b\u89c6\u89c9\u56fe\u7247 (\u5f02\u5f62\u5927\u5706\u89d2 + 3D\u6d6e\u52a8) -->\n          <div class=\"udt-img-main-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/09\/dinasour-development9.jpg\" alt=\"Dinosaur 3D Playground Design and Site Boundaries\" loading=\"lazy\" class=\"udt-3d-img\">\n          <\/div>\n          \n          <!-- \u5c42\u6b213: \u524d\u666f\u60ac\u6d6e\u5a31\u4e50\u8d34\u7eb8 (\u8de8\u8d8a\u56fe\u7247\u8fb9\u754c) -->\n          <div class=\"udt-floating-decor udt-decor-top-right\">\n            <span class=\"udt-decor-dot\"><\/span> 3D Concept\n          <\/div>\n          <div class=\"udt-floating-decor udt-decor-bottom-left\">\n            Safety First <span class=\"udt-decor-ring\"><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u8f68\uff1a\u4ea4\u4e92\u6838\u5fc3 - \u78e8\u7802\u73bb\u7483 Tab \u9762\u677f -->\n      <div class=\"udt-interactive-col udt-glassmorphism\">\n        \n        <!-- \u5a31\u4e50\u5316\u6570\u5b57\u80f6\u56ca\u5bfc\u822a -->\n        <div class=\"udt-tab-nav\">\n          <button class=\"udt-tab-btn active\" data-target=\"1\">01<\/button>\n          <button class=\"udt-tab-btn\" data-target=\"2\">02<\/button>\n          <button class=\"udt-tab-btn\" data-target=\"3\">03<\/button>\n          <button class=\"udt-tab-btn\" data-target=\"4\">04<\/button>\n          <button class=\"udt-tab-btn\" data-target=\"5\">05<\/button>\n          <button class=\"udt-tab-btn\" data-target=\"6\">06<\/button>\n        <\/div>\n\n        <!-- Tab \u5185\u5bb9\u533a (SEO \u5b89\u5168\u9690\u85cf) -->\n        <div class=\"udt-tab-content-zone\">\n          \n          <div class=\"udt-tab-pane active\" id=\"udt-fit-1\">\n            <div class=\"udt-data-group\">\n              <span class=\"udt-label cyan\">Situation<\/span>\n              <p class=\"udt-data-text\">The room is filled before support areas are planned<\/p>\n              <span class=\"udt-label yellow\">Why it works against the venue<\/span>\n              <p class=\"udt-data-text\">Parent seating, party use, cleaning access and circulation become leftovers<\/p>\n              <span class=\"udt-label gradient\">Better route<\/span>\n              <p class=\"udt-data-text highlight\">Reserve support and service zones before selecting the final module count<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"udt-tab-pane\" id=\"udt-fit-2\">\n            <div class=\"udt-data-group\">\n              <span class=\"udt-label cyan\">Situation<\/span>\n              <p class=\"udt-data-text\">All ages share one undifferentiated route<\/p>\n              <span class=\"udt-label yellow\">Why it works against the venue<\/span>\n              <p class=\"udt-data-text\">Smaller children face different collision and supervision conditions<\/p>\n              <span class=\"udt-label gradient\">Better route<\/span>\n              <p class=\"udt-data-text highlight\">Define exact ages and separate activity intensity, entry and operating rules<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"udt-tab-pane\" id=\"udt-fit-3\">\n            <div class=\"udt-data-group\">\n              <span class=\"udt-label cyan\">Situation<\/span>\n              <p class=\"udt-data-text\">A slide is selected without its landing context<\/p>\n              <span class=\"udt-label yellow\">Why it works against the venue<\/span>\n              <p class=\"udt-data-text\">The exit may conflict with ball play, queues or children standing nearby<\/p>\n              <span class=\"udt-label gradient\">Better route<\/span>\n              <p class=\"udt-data-text highlight\">Review the slide, landing, sightline and adjacent activity as one system<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"udt-tab-pane\" id=\"udt-fit-4\">\n            <div class=\"udt-data-group\">\n              <span class=\"udt-label cyan\">Situation<\/span>\n              <p class=\"udt-data-text\">The quote says \u201cturnkey\u201d without named work packages<\/p>\n              <span class=\"udt-label yellow\">Why it works against the venue<\/span>\n              <p class=\"udt-data-text\">Freight, import, local work, installation or handover may remain unpriced<\/p>\n              <span class=\"udt-label gradient\">Better route<\/span>\n              <p class=\"udt-data-text highlight\">Use the responsibility matrix and attach owners to every line<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"udt-tab-pane\" id=\"udt-fit-5\">\n            <div class=\"udt-data-group\">\n              <span class=\"udt-label cyan\">Situation<\/span>\n              <p class=\"udt-data-text\">A universal certification is assumed from a logo<\/p>\n              <span class=\"udt-label yellow\">Why it works against the venue<\/span>\n              <p class=\"udt-data-text\">Destination, product class, age, venue and document scope may differ<\/p>\n              <span class=\"udt-label gradient\">Better route<\/span>\n              <p class=\"udt-data-text highlight\">Obtain the applicable requirement list and verify project-specific evidence<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"udt-tab-pane\" id=\"udt-fit-6\">\n            <div class=\"udt-data-group\">\n              <span class=\"udt-label cyan\">Situation<\/span>\n              <p class=\"udt-data-text\">The concept has no practical update path<\/p>\n              <span class=\"udt-label yellow\">Why it works against the venue<\/span>\n              <p class=\"udt-data-text\">Repeat guests may see the same experience while major frames remain expensive to replace<\/p>\n              <span class=\"udt-label gradient\">Better route<\/span>\n              <p class=\"udt-data-text highlight\">Plan replaceable graphics, interactive content or selected modular moments<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u7ed3\u8bba\u533a (\u5c45\u4e2d\u89c6\u89c9\u951a\u70b9) -->\n    <div class=\"udt-conclusion-card udt-glassmorphism\">\n      <h3 class=\"udt-h3-center\">Local decisions stay local<\/h3>\n      <p class=\"udt-body-text-center\">Didi Land can manufacture the approved custom indoor playground scope and support the project process. The buyer retains the local professionals and authorities needed for building, fire, accessibility, insurance, permits, operating capacity and opening approval.<\/p>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* 1. \u57fa\u7840\u5bb9\u5668\uff1a\u767d\u5e95\u4e0e\u7f29\u77ed\u4e0a\u8fb9\u8ddd *\/\n    #udt-dino-fit-module {\n      position: relative;\n      width: 100% !important;\n      background-color: #FFFFFF !important; \n      padding-block: clamp(20px, 3vw, 40px); \/* \u7f29\u77ed\u4e0a\u8fb9\u8ddd *\/\n      font-family: inherit;\n      box-sizing: border-box;\n      overflow: hidden;\n      z-index: 1;\n    }\n    #udt-dino-fit-module * { box-sizing: border-box; }\n\n    \/* 2. \u80cc\u666f\u5a31\u4e50\u5316\u8bbe\u8ba1 (\u7eaf CSS \u56fe\u5f62 + \u805a\u5149\u706f) *\/\n    #udt-dino-fit-module .udt-playful-bg {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      z-index: -2;\n      pointer-events: none;\n      overflow: hidden;\n    }\n    #udt-dino-fit-module .udt-spotlight {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(140px);\n      opacity: 0.15;\n    }\n    #udt-dino-fit-module .udt-spot-cyan { width: 45vw; height: 45vw; background: #00D8FF; top: 5%; left: -5%; }\n    #udt-dino-fit-module .udt-spot-yellow { width: 40vw; height: 40vw; background: #FFD848; bottom: -10%; right: -5%; }\n    \n    \/* \u60ac\u6d6e\u88c5\u9970\u7269 *\/\n    #udt-dino-fit-module .udt-shape { position: absolute; opacity: 0.5; animation: udtFloatBg 8s ease-in-out infinite alternate; }\n    #udt-dino-fit-module .udt-circle-cyan { width: 30px; height: 30px; border-radius: 50%; background: #00D8FF; top: 15%; right: 15%; animation-delay: 0s; }\n    #udt-dino-fit-module .udt-pill-yellow { width: 50px; height: 20px; border-radius: 10px; background: #FFD848; bottom: 30%; left: 8%; transform: rotate(30deg); animation-delay: 2s; }\n    #udt-dino-fit-module .udt-ring-blue { width: 40px; height: 40px; border-radius: 50%; border: 5px solid rgba(0, 216, 255, 0.6); top: 55%; left: 45%; animation-delay: 4s; }\n    #udt-dino-fit-module .udt-cross-star { width: 24px; height: 24px; top: 25%; left: 25%; animation-delay: 1s; }\n    #udt-dino-fit-module .udt-cross-star::before, #udt-dino-fit-module .udt-cross-star::after { content: \"\"; position: absolute; background: #FFD848; border-radius: 4px;}\n    #udt-dino-fit-module .udt-cross-star::before { top: 8px; left: 0; width: 24px; height: 8px; }\n    #udt-dino-fit-module .udt-cross-star::after { top: 0; left: 8px; width: 8px; height: 24px; }\n    \n    @keyframes udtFloatBg {\n      0% { transform: translateY(0) rotate(0deg); }\n      100% { transform: translateY(-30px) rotate(15deg); }\n    }\n\n    #udt-dino-fit-module .udt-module-inner {\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(16px, 3vw, 40px);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 3. \u5934\u90e8\u6587\u672c\u533a *\/\n    #udt-dino-fit-module .udt-header-block {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin-bottom: clamp(30px, 4vw, 50px);\n    }\n    #udt-dino-fit-module .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 0 clamp(16px, 2vw, 24px) 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 800;\n      line-height: 1.15;\n      background: linear-gradient(135deg, #00A3C4 0%, #00D8FF 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent !important; \n      text-align: center;\n    }\n    #udt-dino-fit-module .udt-body-intro {\n      max-width: 960px;\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      line-height: 1.6;\n      color: #374151;\n      text-align: center;\n      margin: 0;\n    }\n\n    \/* 4. \u53cc\u8f68\u4e92\u52a8\u5c55\u53f0 (\u4e25\u683c Grid\uff0c\u5f7b\u5e95\u89e3\u51b3\u906e\u6321\u6587\u5b57\u95ee\u9898) *\/\n    #udt-dino-fit-module .udt-showcase-grid {\n      display: grid;\n      grid-template-columns: minmax(320px, 4.5fr) minmax(400px, 5.5fr);\n      gap: clamp(30px, 4vw, 60px);\n      align-items: center;\n      margin-bottom: clamp(40px, 5vw, 60px);\n    }\n\n    \/* \u5de6\u8f68\uff1a\u6df1\u5c42\u6b21\u5a31\u4e50\u5316\u56fe\u7247\u6808 *\/\n    #udt-dino-fit-module .udt-visual-col {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      perspective: 1200px;\n    }\n    #udt-dino-fit-module .udt-layered-img-stack {\n      position: relative;\n      width: 100%;\n      max-width: 500px;\n      transform-style: preserve-3d;\n      animation: udtImgFloat 8s ease-in-out infinite alternate;\n    }\n    @keyframes udtImgFloat {\n      0% { transform: rotateY(8deg) rotateX(2deg) translateY(0); }\n      100% { transform: rotateY(-2deg) rotateX(0deg) translateY(-15px); }\n    }\n    \n    \/* \u5c42\u6b211: \u5e95\u5c42\u9519\u4f4d\u8272\u5757 *\/\n    #udt-dino-fit-module .udt-img-backdrop {\n      position: absolute;\n      top: 15px; left: -15px; right: 15px; bottom: -15px;\n      background: rgba(0, 216, 255, 0.15);\n      border-radius: 40px 100px 40px 100px;\n      transform: translateZ(-20px);\n      z-index: 1;\n    }\n    \/* \u5c42\u6b212: \u4e3b\u89c6\u89c9\u56fe *\/\n    #udt-dino-fit-module .udt-img-main-wrap {\n      position: relative;\n      z-index: 2;\n      border-radius: 40px 100px 40px 100px; \/* \u5a31\u4e50\u5316\u79ef\u6728\u5f62\u72b6 *\/\n      overflow: hidden;\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\n      background: #FFFFFF;\n    }\n    #udt-dino-fit-module .udt-3d-img {\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n    #udt-dino-fit-module .udt-layered-img-stack:hover .udt-3d-img {\n      transform: scale(1.05);\n    }\n    \/* \u5c42\u6b213: \u524d\u666f\u60ac\u6d6e\u8d34\u7eb8 *\/\n    #udt-dino-fit-module .udt-floating-decor {\n      position: absolute;\n      z-index: 3;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(8px);\n      padding: 10px 20px;\n      border-radius: 20px;\n      font-weight: 800;\n      font-size: 14px;\n      color: #111827;\n      box-shadow: 0 10px 20px rgba(0, 216, 255, 0.2);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    #udt-dino-fit-module .udt-decor-top-right {\n      top: -15px; right: -25px;\n      transform: translateZ(30px);\n    }\n    #udt-dino-fit-module .udt-decor-bottom-left {\n      bottom: -10px; left: -20px;\n      transform: translateZ(40px);\n    }\n    #udt-dino-fit-module .udt-decor-dot {\n      width: 8px; height: 8px; border-radius: 50%; background: #FFD848;\n    }\n    #udt-dino-fit-module .udt-decor-ring {\n      width: 12px; height: 12px; border-radius: 50%; border: 3px solid #00D8FF;\n    }\n\n    \/* \u53f3\u8f68\uff1a\u4ea4\u4e92\u6838\u5fc3 - \u78e8\u7802\u73bb\u7483 Tab \u9762\u677f *\/\n    #udt-dino-fit-module .udt-interactive-col {\n      width: 100%;\n    }\n    #udt-dino-fit-module .udt-glassmorphism {\n      background: rgba(255, 255, 255, 0.85);\n      backdrop-filter: blur(24px);\n      -webkit-backdrop-filter: blur(24px);\n      border-radius: 40px; \n      padding: clamp(24px, 4vw, 40px);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05), inset 0 0 0 2px rgba(255,255,255,1);\n    }\n\n    \/* Tab \u5bfc\u822a *\/\n    #udt-dino-fit-module .udt-tab-nav {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 24px;\n      padding-bottom: 20px;\n      border-bottom: 2px dashed rgba(0, 216, 255, 0.2);\n    }\n    #udt-dino-fit-module .udt-tab-btn {\n      width: 44px; height: 44px;\n      border-radius: 50%;\n      border: none;\n      background: #F3F4F6;\n      color: #6B7280;\n      font-weight: 800;\n      font-size: 15px;\n      font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);\n    }\n    #udt-dino-fit-module .udt-tab-btn:hover {\n      background: #FFD848;\n      color: #111827;\n      transform: translateY(-3px);\n      box-shadow: 0 5px 15px rgba(255, 216, 72, 0.4);\n    }\n    #udt-dino-fit-module .udt-tab-btn.active {\n      background: #00D8FF;\n      color: #FFFFFF;\n      transform: scale(1.15);\n      box-shadow: 0 8px 20px rgba(0, 216, 255, 0.4);\n    }\n\n    \/* Tab \u5185\u5bb9\u533a\uff1a\u7edd\u5bf9\u5b9a\u4f4d\u9690\u85cf\uff0c\u4fdd\u62a4 SEO *\/\n    #udt-dino-fit-module .udt-tab-content-zone {\n      position: relative;\n      min-height: 220px; \n    }\n    #udt-dino-fit-module .udt-tab-pane {\n      position: absolute;\n      left: -9999px;\n      top: 0;\n      width: 100%;\n      opacity: 0;\n      transform: translateY(15px);\n      transition: opacity 0.4s ease, transform 0.4s ease;\n    }\n    #udt-dino-fit-module .udt-tab-pane.active {\n      position: relative;\n      left: 0;\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* \u6570\u636e\u5c55\u793a\u7ec4\uff1a\u591a\u5f69\u80f6\u56ca\u6807\u7b7e\u5782\u76f4\u6d41 *\/\n    #udt-dino-fit-module .udt-data-group {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    #udt-dino-fit-module .udt-label {\n      align-self: flex-start;\n      font-size: 13px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      padding: 6px 16px;\n      border-radius: 20px;\n      color: #111827;\n    }\n    #udt-dino-fit-module .udt-label.cyan { background: rgba(0, 216, 255, 0.15); color: #008AA3; }\n    #udt-dino-fit-module .udt-label.yellow { background: rgba(255, 216, 72, 0.3); color: #B38F00; }\n    #udt-dino-fit-module .udt-label.gradient { background: linear-gradient(90deg, #00D8FF, #FFD848); color: #111827; box-shadow: 0 4px 10px rgba(0, 216, 255, 0.2); }\n\n    #udt-dino-fit-module .udt-data-text {\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      line-height: 1.5;\n      color: #374151;\n      margin: 0 0 10px 0;\n      padding-left: 12px;\n      border-left: 3px solid transparent;\n    }\n    #udt-dino-fit-module .udt-data-text.highlight {\n      font-weight: 700;\n      color: #111827;\n      border-left-color: #00D8FF;\n    }\n\n    \/* 5. \u5e95\u90e8\u5c45\u4e2d\u89c6\u89c9\u951a\u70b9 *\/\n    #udt-dino-fit-module .udt-conclusion-card {\n      max-width: 1000px;\n      margin: 0 auto;\n      text-align: center;\n      padding: clamp(30px, 4vw, 50px);\n      box-shadow: 0 15px 40px rgba(0, 216, 255, 0.1), inset 0 0 0 1px rgba(255,255,255,1);\n      position: relative;\n    }\n    #udt-dino-fit-module .udt-h3-center {\n      font-size: clamp(22px, 1.8vw, 26px);\n      font-weight: 800;\n      color: #111827;\n      margin: 0 0 16px 0;\n    }\n    #udt-dino-fit-module .udt-body-text-center {\n      font-size: clamp(15px, 1.2vw, 17px);\n      font-weight: 500;\n      line-height: 1.6;\n      color: #4B5563;\n      margin: 0;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n    @media (max-width: 992px) {\n      #udt-dino-fit-module .udt-showcase-grid { grid-template-columns: 1fr; gap: 40px; }\n      #udt-dino-fit-module .udt-visual-col { perspective: none; }\n      #udt-dino-fit-module .udt-layered-img-stack { animation: none; transform: none !important; max-width: 600px; margin: 0 auto; }\n      #udt-dino-fit-module .udt-floating-decor { display: none; } \/* \u79fb\u52a8\u7aef\u9632\u62e5\u6324\u9690\u85cf\u8d34\u7eb8 *\/\n    }\n  <\/style>\n\n  <!-- Vanilla JS \u9a71\u52a8\u7684 Tab \u5207\u6362\u903b\u8f91 -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const module = document.getElementById('udt-dino-fit-module');\n      if(!module) return;\n      \n      const btns = module.querySelectorAll('.udt-tab-btn');\n      const panes = module.querySelectorAll('.udt-tab-pane');\n\n      btns.forEach(btn => {\n        btn.addEventListener('click', function() {\n          const target = this.getAttribute('data-target');\n          \n          btns.forEach(b => b.classList.remove('active'));\n          panes.forEach(p => p.classList.remove('active'));\n          \n          this.classList.add('active');\n          const targetPane = module.querySelector('#udt-fit-' + target);\n          if(targetPane) {\n            targetPane.classList.add('active');\n          }\n        });\n      });\n    });\n  <\/script>\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-cceb45a\" data-block-id=\"cceb45a\"><style>.stk-cceb45a {margin-bottom:0px !important;}.stk-cceb45a-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cceb45a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-73a6b23\" data-v=\"4\" data-block-id=\"73a6b23\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-73a6b23-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-73a6b23-inner-blocks\">\n<section id=\"ddl-tools-dark-module\">\n  \n  <!-- \u5a31\u4e50\u5316\u6df1\u8272\u5de5\u4e1a\u80cc\u666f\uff1a\u4e0d\u89c4\u5219\u659c\u5207\u8272\u5757 + \u9713\u8679\u8f68\u9053 -->\n  <div class=\"ddl-tm-bg-layer\">\n    <!-- \u4e0d\u89c4\u5219\u5207\u5272\u5e95\u8272\u5757 -->\n    <div class=\"ddl-tm-splice shape-a\"><\/div>\n    <div class=\"ddl-tm-splice shape-b\"><\/div>\n    \n    <!-- \u6c1b\u56f4\u805a\u5149\u706f -->\n    <div class=\"ddl-tm-glow glow-cyan\"><\/div>\n    <div class=\"ddl-tm-glow glow-yellow\"><\/div>\n    \n    <!-- \u5a31\u4e50\u5316\u52a8\u6001\u865a\u7ebf\u8f68\u9053 -->\n    <div class=\"ddl-tm-track track-left\"><\/div>\n    <div class=\"ddl-tm-track track-right\"><\/div>\n  <\/div>\n\n  <div class=\"ddl-tm-inner\">\n    \n    <!-- \u9876\u90e8\u5168\u5bbd\u6587\u5b57\u533a\uff0c\u5927\u5e45\u7f29\u77ed\u4e0a\u8fb9\u8ddd -->\n    <div class=\"ddl-tm-header\">\n      <h2 class=\"sbt-h2\">Interactive Venue Planning Tools<\/h2>\n      <p class=\"ddl-tm-desc\">\n        Utilize our dedicated online tools to prepare comprehensive RFQ data, allocate play zones, and define project responsibilities for your custom dinosaur indoor playground.\n      <\/p>\n    <\/div>\n\n    <!-- 3\u5217\u4ea4\u4e92\u5de5\u5177\u5361\u7247\u7f51\u683c -->\n    <div class=\"ddl-tm-grid\">\n      \n      <!-- Tool Card 1 -->\n      <div class=\"ddl-tm-card\">\n        <div class=\"ddl-tm-card-body\">\n          <div class=\"ddl-tm-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFD848\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n          <\/div>\n          <h3 class=\"ddl-tm-card-title\">Dinosaur Venue Brief<\/h3>\n          <p class=\"ddl-tm-card-desc\">Download and complete the essential brief to outline your floor plan, target age groups, and operating model for accurate 3D concept generation.<\/p>\n        <\/div>\n        <div class=\"ddl-tm-card-footer\">\n          <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/dinosaur-theme\/dinosaur-venue-brief\/\" class=\"ddl-tm-btn btn-yellow\">Get Venue Brief<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Tool Card 2 -->\n      <div class=\"ddl-tm-card\">\n        <div class=\"ddl-tm-card-body\">\n          <div class=\"ddl-tm-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00D8FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\n          <\/div>\n          <h3 class=\"ddl-tm-card-title\">Play Zone Allocation Planner<\/h3>\n          <p class=\"ddl-tm-card-desc\">Calculate the optimal balance between climbing structures, ball pits, interactive arcades, and family dining spaces for your specific footprint.<\/p>\n        <\/div>\n        <div class=\"ddl-tm-card-footer\">\n          <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/dinosaur-theme\/play-zone-allocation-planner\/\" class=\"ddl-tm-btn btn-cyan\">Open Allocation Planner<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Tool Card 3 -->\n      <div class=\"ddl-tm-card\">\n        <div class=\"ddl-tm-card-body\">\n          <div class=\"ddl-tm-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFD848\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg>\n          <\/div>\n          <h3 class=\"ddl-tm-card-title\">Project Scope & Responsibility Matrix<\/h3>\n          <p class=\"ddl-tm-card-desc\">Clearly define the interfaces and responsibilities between the venue, equipment applicator, and finish supplier to ensure seamless handover.<\/p>\n        <\/div>\n        <div class=\"ddl-tm-card-footer\">\n          <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/dinosaur-theme\/project-scope-responsibility-matrix\/\" class=\"ddl-tm-btn btn-yellow\">View Responsibility Matrix<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* =========================================\n       1. Reset & \u57fa\u7840\u5bb9\u5668 (\u6df1\u8272\u9ad8\u5b9a\u4e3b\u9898)\n       ========================================= *\/\n    #ddl-tools-dark-module {\n      position: relative;\n      width: 100% !important;\n      background-color: #050811; \/* \u6781\u6697\u591c\u84dd\uff0c\u589e\u5f3a\u5149\u6548\u5bf9\u6bd4 *\/\n      \/* \u4e0a\u8fb9\u8ddd\u7f29\u77ed\uff0c\u4e0b\u8fb9\u8ddd\u4fdd\u7559\u547c\u5438\u611f *\/\n      padding-block: clamp(24px, 4vw, 40px) clamp(60px, 8vw, 100px);\n      box-sizing: border-box;\n      overflow: hidden;\n      z-index: 1;\n      font-family: inherit;\n      color: #e2e8f0;\n    }\n    #ddl-tools-dark-module * { box-sizing: border-box; }\n\n    \/* =========================================\n       2. \u4e0d\u89c4\u5219\u5a31\u4e50\u5316\u8bbe\u8ba1\u80cc\u666f\u5c42\n       ========================================= *\/\n    #ddl-tools-dark-module .ddl-tm-bg-layer {\n      position: absolute; inset: 0; z-index: -2; pointer-events: none; overflow: hidden;\n    }\n    \/* \u4e0d\u89c4\u5219\u5207\u5272\u8272\u5757\u62fc\u63a5 *\/\n    #ddl-tools-dark-module .ddl-tm-splice {\n      position: absolute; opacity: 0.8;\n    }\n    #ddl-tools-dark-module .shape-a {\n      top: 0; left: 0; width: 60%; height: 100%;\n      background: linear-gradient(135deg, rgba(0, 216, 255, 0.04) 0%, transparent 80%);\n      clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);\n    }\n    #ddl-tools-dark-module .shape-b {\n      bottom: 0; right: 0; width: 50%; height: 80%;\n      background: linear-gradient(-45deg, rgba(255, 216, 72, 0.03) 0%, transparent 80%);\n      clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);\n    }\n    \/* \u805a\u5149\u706f\u6548 *\/\n    #ddl-tools-dark-module .ddl-tm-glow {\n      position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.6;\n    }\n    #ddl-tools-dark-module .glow-cyan {\n      top: -10%; right: 10%; width: 40vw; height: 40vw;\n      background: radial-gradient(circle, rgba(0, 216, 255, 0.1) 0%, transparent 70%);\n    }\n    #ddl-tools-dark-module .glow-yellow {\n      bottom: -10%; left: -5%; width: 50vw; height: 50vw;\n      background: radial-gradient(circle, rgba(255, 216, 72, 0.08) 0%, transparent 70%);\n    }\n    \/* \u6e38\u4e50\u865a\u7ebf\u8f68\u9053 *\/\n    #ddl-tools-dark-module .ddl-tm-track {\n      position: absolute; border-radius: 50%;\n    }\n    #ddl-tools-dark-module .track-left {\n      top: -20%; left: -10%; width: 45vw; height: 45vw;\n      border: 2px dashed rgba(0, 216, 255, 0.15);\n      animation: tmSpin 60s linear infinite;\n    }\n    #ddl-tools-dark-module .track-right {\n      bottom: -20%; right: -5%; width: 55vw; height: 55vw;\n      border: 3px dotted rgba(255, 216, 72, 0.1);\n      animation: tmSpin 80s linear infinite reverse;\n    }\n    @keyframes tmSpin { 100% { transform: rotate(360deg); } }\n\n    \/* =========================================\n       3. \u5185\u90e8\u7ea6\u675f\u4e0e\u6807\u9898\u6392\u7248\n       ========================================= *\/\n    #ddl-tools-dark-module .ddl-tm-inner {\n      max-width: 1600px !important; margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex; flex-direction: column; gap: clamp(32px, 5vw, 60px);\n      position: relative; z-index: 1;\n    }\n\n    #ddl-tools-dark-module .ddl-tm-header {\n      width: 100%; max-width: 900px; margin: 0 auto; text-align: center;\n    }\n    \/* \u5f3a\u5236\u4f7f\u7528\u6307\u5b9a\u7684 .sbt-h2 \u7c7b\u5e76\u53e0\u52a0\u6df1\u8272\u80cc\u666f\u53d1\u5149\u989c\u8272 *\/\n    #ddl-tools-dark-module .sbt-h2 {\n      width: 100% !important; white-space: normal; overflow-wrap: break-word;\n      margin: 0 0 clamp(16px, 3vw, 24px) 0 !important; padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px); font-weight: 700; line-height: 1.15;\n      color: #00D8FF !important; text-shadow: 0 0 20px rgba(0, 216, 255, 0.3);\n    }\n    #ddl-tools-dark-module .ddl-tm-desc {\n      font-size: clamp(15px, 1.2vw, 17px); line-height: 1.6; color: #94a3b8;\n      margin: 0; white-space: normal; overflow-wrap: break-word;\n    }\n\n    \/* =========================================\n       4. \u5de5\u5177\u5361\u7247\u7f51\u683c\u5e03\u5c40\n       ========================================= *\/\n    #ddl-tools-dark-module .ddl-tm-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: clamp(24px, 3vw, 32px);\n      align-items: stretch;\n    }\n\n    \/* \u5a31\u4e50\u5316\u9ad8\u7ea7\u5361\u7247 (Dark Glassmorphism) *\/\n    #ddl-tools-dark-module .ddl-tm-card {\n      display: flex; flex-direction: column; position: relative; overflow: hidden;\n      background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 216, 255, 0.02);\n      transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;\n      height: 100%; \/* \u9ad8\u5ea6\u5f3a\u5236\u62c9\u4f38 *\/\n    }\n    \/* \u9876\u90e8\u53d1\u5149\u6307\u793a\u7ebf *\/\n    #ddl-tools-dark-module .ddl-tm-card::before {\n      content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n      background: linear-gradient(90deg, #00D8FF, #FFD848); opacity: 0.5; transition: opacity 0.3s ease;\n    }\n    #ddl-tools-dark-module .ddl-tm-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(0, 216, 255, 0.3);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(0, 216, 255, 0.2);\n    }\n    #ddl-tools-dark-module .ddl-tm-card:hover::before { opacity: 1; box-shadow: 0 0 15px rgba(0, 216, 255, 0.8); }\n\n    \/* \u5361\u7247\u5185\u5bb9\u533a *\/\n    #ddl-tools-dark-module .ddl-tm-card-body {\n      padding: 32px 32px 24px 32px; display: flex; flex-direction: column;\n      flex-grow: 1; \/* \u5f39\u6027\u62c9\u4f38\uff0c\u628a footer \u63a8\u5411\u5e95\u90e8 *\/\n    }\n    #ddl-tools-dark-module .ddl-tm-icon {\n      margin-bottom: 24px; display: inline-flex; align-items: center; justify-content: center;\n      width: 64px; height: 64px; border-radius: 16px;\n      background: rgba(3, 7, 18, 0.5); border: 1px solid rgba(255, 255, 255, 0.1);\n      box-shadow: inset 0 0 15px rgba(0, 216, 255, 0.1);\n    }\n    #ddl-tools-dark-module .ddl-tm-card-title {\n      font-size: clamp(20px, 1.5vw, 24px); font-weight: 700; color: #ffffff;\n      margin: 0 0 16px 0; line-height: 1.3; white-space: normal; overflow-wrap: break-word;\n    }\n    #ddl-tools-dark-module .ddl-tm-card-desc {\n      font-size: 15px; line-height: 1.6; color: #cbd5e1;\n      margin: 0; white-space: normal; overflow-wrap: break-word;\n    }\n\n    \/* \u5361\u7247\u5e95\u90e8\u4e0e\u5c45\u4e2d\u6309\u94ae (\u4e0d\u8d85\u51fa\u8fb9\u6846) *\/\n    #ddl-tools-dark-module .ddl-tm-card-footer {\n      padding: 0 32px 32px 32px;\n      margin-top: auto; \/* \u6838\u5fc3\u903b\u8f91\uff1a\u786e\u4fdd\u65e0\u8bba\u6587\u672c\u957f\u77ed\uff0c\u6309\u94ae\u6c38\u8fdc\u5728\u5e95\u90e8\u6574\u9f50\u5bf9\u9f50 *\/\n      width: 100%;\n    }\n    #ddl-tools-dark-module .ddl-tm-btn {\n      display: inline-flex; align-items: center; justify-content: center;\n      width: 100%; \/* \u5145\u6ee1\u53ef\u7528\u5bbd\u5ea6\u4e14\u53d7\u5230 padding \u7ea6\u675f\uff0c\u7edd\u4e0d\u6ea2\u51fa *\/\n      padding: 18px 24px; border-radius: 50px; \/* \u6e38\u4e50\u5c5e\u6027\u7684\u80f6\u56ca\u5706\u89d2 *\/\n      font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em;\n      text-decoration: none; text-align: center; white-space: normal; overflow-wrap: break-word;\n      transition: all 0.3s ease; position: relative; z-index: 1;\n    }\n    \n    \/* \u989c\u8272\u53d8\u4f53 *\/\n    #ddl-tools-dark-module .btn-yellow {\n      background-color: transparent; color: #FFD848; border: 2px solid #FFD848;\n      box-shadow: 0 0 15px rgba(255, 216, 72, 0.1);\n    }\n    #ddl-tools-dark-module .btn-yellow:hover {\n      background-color: #FFD848; color: #050811; box-shadow: 0 8px 24px rgba(255, 216, 72, 0.4);\n    }\n    #ddl-tools-dark-module .btn-cyan {\n      background-color: #00D8FF; color: #050811; border: 2px solid #00D8FF;\n      box-shadow: 0 8px 24px rgba(0, 216, 255, 0.2);\n    }\n    #ddl-tools-dark-module .btn-cyan:hover {\n      background-color: transparent; color: #00D8FF; box-shadow: 0 0 20px rgba(0, 216, 255, 0.4);\n    }\n\n    \/* =========================================\n       5. \u54cd\u5e94\u5f0f\u63a7\u5236\n       ========================================= *\/\n    @media (max-width:690px) {\n      #ddl-tools-dark-module .ddl-tm-card-body { padding: 24px 24px 16px 24px; }\n      #ddl-tools-dark-module .ddl-tm-card-footer { padding: 0 24px 24px 24px; }\n      #ddl-tools-dark-module .shape-b { display: none; } \/* \u79fb\u52a8\u7aef\u9690\u85cf\u8fc7\u5927\u80cc\u666f\u88c5\u9970 *\/\n    }\n  <\/style>\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-e660dfe\" data-block-id=\"e660dfe\"><style>.stk-e660dfe {margin-bottom:0px !important;}.stk-e660dfe-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-e660dfe-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-56f9f3c\" data-v=\"4\" data-block-id=\"56f9f3c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-56f9f3c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-56f9f3c-inner-blocks\">\n<div id=\"udb2b-faq-dino\" class=\"udb2b-faq-wrap\">\n  <!-- FAQPage Schema -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Is this page for indoor or outdoor dinosaur playground equipment?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"It is for custom commercial indoor playground equipment planned as a complete venue solution. A standalone outdoor product, park climber or spring rider needs a separate site and equipment brief.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What do you need before starting a 3D dinosaur playground design?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Send eight inputs: floor plan, usable dimensions, clear height, columns and entrances, exact target age, desired activities, target capacity and operating model, plus destination requirements, budget and opening target. The online Venue Brief Builder turns missing items into a follow-up list.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Can Didi Land customize the dinosaur theme and play equipment?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Yes. We customize the theme direction, color, activity mix, soft play, play structures and route around the approved brief, then record the selected elements in the 3D concept and quotation.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"How should toddler and older-child zones be planned?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Start with exact ages, not the word 'kids.' ASTM F1918-21 publicly scopes soft contained play equipment from age 2 to 12, while an under-two area and a destination using another standard need their own review; the final zoning also depends on activity intensity and supervision.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Which safety standards apply to a commercial indoor playground?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"There is no universal answer based only on the word indoor. ASTM F1918-21 and BS EN 1176-10:2023 have different scopes, and product classification, country, venue, age, local rules and equipment design determine the applicable route.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"How long does production take?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Our production schedule is 20\u201360 working days after design approval and deposit, with the project range confirmed in the quotation. Freight, import, site preparation, installation and local review sit outside that production clock unless the written schedule names them.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What are the payment terms?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Orders use a 30% deposit and 70% balance before shipment, with the project terms confirmed in the quotation. Treat this as a contract term to review with the full price, Incoterm, delivery point and document scope\u2014not as a claim about buyer financing or investment return.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Does installation come with the equipment?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Installation support is available, but the quotation must define the route. Confirm the installation team, travel, local labor, unloading, storage, site readiness, tools, utilities, supervision, acceptance and handover before the order is released.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"How should cleaning and maintenance affect the layout?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Give staff practical access to tunnels, padding, corners, ball areas and frequently touched features. Assign routine inspection, cleaning, repair, first aid, incident records and emergency decisions before opening, because those are operating duties rather than decorative details.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Can you guarantee visitor numbers or return on investment?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"No fixed traffic, revenue or payback result is stated on this page. Use the seven-line Scope-Certainty Card to compare equipment, design, packing, freight, installation, local work and handover evidence, then add your own rent, staffing, insurance, fit-out and operating assumptions.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What after-sales support does Didi Land provide?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"We provide 24\/7 online support, free consultation and after-sales support. Put the service contact, evidence needed for a report, replacement or repair path, response responsibilities and any project-specific terms into the final quotation and handover package.\"\n        }\n      }\n    ]\n  }\n  <\/script>\n\n  <style>\n    \/* =========================================\n       0. \u57fa\u7840\u91cd\u7f6e\u4e0e\u6df1\u9083\u5a31\u4e50\u573a\u80cc\u666f\n       ========================================= *\/\n    #udb2b-faq-dino.udb2b-faq-wrap {\n      width: 100% !important;\n      position: relative;\n      background-color: #060B18; \/* \u6781\u6df1\u591c\u7a7a\u84dd\uff0c\u62c9\u6ee1\u9ad8\u7ea7\u611f *\/\n      overflow: hidden;\n      padding: clamp(32px, 4vw, 48px) 0 clamp(64px, 8vw, 100px) 0;\n      font-family: inherit;\n      box-sizing: border-box;\n      \/* \u6574\u4f53\u6587\u5b57\u57fa\u8c03\u8c03\u6697\uff0c\u4e0d\u660e\u663e\u4e0d\u523a\u773c *\/\n      color: #8B9BB4; \n    }\n    #udb2b-faq-dino * { box-sizing: border-box; }\n\n    \/* \u80cc\u666f\u5a31\u4e50\u5316\u51e0\u4f55\u5143\u7d20\uff1a\u6ed1\u68af\u7ba1\u9053\u4e0e\u6ce2\u6ce2\u7403 *\/\n    #udb2b-faq-dino::before {\n      content: \"\";\n      position: absolute;\n      top: -10%; left: -10%;\n      width: 50%; height: 70%;\n      background: radial-gradient(circle at 50% 50%, rgba(0, 216, 255, 0.08) 0%, transparent 60%);\n      z-index: 0;\n      pointer-events: none;\n    }\n    #udb2b-faq-dino::after {\n      content: \"\";\n      position: absolute;\n      bottom: -10%; right: -5%;\n      width: 600px; height: 300px;\n      \/* \u5f2f\u66f2\u7684\u4e50\u56ed\u6ed1\u68af\u5f62\u6001\uff0c\u7ebf\u6761\u56fe\u6848 *\/\n      border: 30px solid rgba(255, 216, 72, 0.03);\n      border-radius: 300px;\n      transform: rotate(-35deg);\n      z-index: 0;\n      pointer-events: none;\n    }\n    \/* \u60ac\u6d6e\u5c0f\u7403\u70b9\u7f00 *\/\n    #udb2b-faq-dino .udb2b-bg-ball {\n      position: absolute;\n      width: 120px; height: 120px;\n      background: radial-gradient(circle at 30% 30%, #00D8FF, transparent);\n      opacity: 0.06; \/* \u8c03\u4f4e\u900f\u660e\u5ea6\uff0c\u4f7f\u5176\u66f4\u5185\u655b *\/\n      border-radius: 50%;\n      top: 20%; right: 10%;\n      z-index: 0;\n    }\n    \/* \u80cc\u666f\u51e0\u4f55\u8272\u5757\u5207\u5272 *\/\n    #udb2b-faq-dino .udb2b-bg-polygon {\n      position: absolute;\n      top: 15%; right: -10%;\n      width: 400px; height: 400px;\n      background: rgba(0, 216, 255, 0.02);\n      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n      transform: rotate(15deg);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    \/* =========================================\n       1. \u6838\u5fc3\u5185\u5c42 (1600px, \u54cd\u5e94\u5f0f Grid)\n       ========================================= *\/\n    #udb2b-faq-dino .udb2b-inner {\n      position: relative;\n      z-index: 2;\n      max-width: 1600px !important;\n      margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: clamp(40px, 6vw, 80px);\n    }\n    @media (min-width: 992px) {\n      #udb2b-faq-dino .udb2b-inner {\n        \/* \u5de6\u4fa7\u6807\u9898\u4e0eCTA\u80f6\u56ca 3.5fr\uff0c\u53f3\u4fa7\u6298\u53e0 6.5fr *\/\n        grid-template-columns: 3.5fr 6.5fr;\n        align-items: start; \/* \u6fc0\u6d3b Sticky \u7684\u5173\u952e *\/\n      }\n    }\n\n    \/* =========================================\n       2. \u5de6\u4fa7\u7c98\u6027\u533a\u57df (\u5de8\u578b\u80f6\u56ca CTA \u8231)\n       ========================================= *\/\n    #udb2b-faq-dino .udb2b-sticky-sidebar {\n      position: sticky;\n      top: clamp(60px, 8vh, 120px); \/* \u5408\u7406\u7684\u7c98\u6027\u9876\u90e8\u8ddd\u79bb *\/\n      display: flex;\n      flex-direction: column;\n      gap: 32px;\n    }\n\n    \/* \u9075\u5faa\u6307\u793a\uff1a\u5de6\u5bf9\u9f50\uff0c\u5145\u6ee1\u6362\u884c *\/\n    #udb2b-faq-dino .sbt-h2 {\n      width: 100% !important;\n      white-space: normal;\n      overflow-wrap: break-word;\n      margin: 0 !important;\n      padding-top: 0 !important;\n      font-size: clamp(28px, 3.5vw, 44px);\n      font-weight: 800;\n      line-height: 1.15;\n      \/* \u67d4\u548c\u7684\u6e10\u53d8\uff0c\u907f\u514d\u8fc7\u5206\u523a\u773c *\/\n      background: linear-gradient(90deg, #E2E8F0 0%, #00D8FF 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      color: #E2E8F0;\n      text-align: left;\n    }\n\n    \/* \u5de6\u4fa7 CTA \u5de8\u578b\u6e38\u4e50\u8231 (\u975e\u5bf9\u79f0\u5706\u89d2) *\/\n    #udb2b-faq-dino .udb2b-cta-capsule {\n      background: rgba(255, 255, 255, 0.02);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid rgba(255, 255, 255, 0.05);\n      border-top: 6px solid #00D8FF;\n      border-radius: 40px 12px 40px 12px;\n      padding: clamp(32px, 4vw, 40px);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u589e\u5f3a\u6297\u5e72\u6270\uff1a\u5f3a\u5236\u8986\u76d6\u5168\u5c40 H3 \u53ca\u6587\u672c\u989c\u8272 *\/\n    #udb2b-faq-dino .udb2b-cta-h3 {\n      font-size: 22px !important;\n      font-weight: 700 !important;\n      color: #E2E8F0 !important; \/* \u67d4\u548c\u7070\u767d *\/\n      margin: 0 0 16px 0 !important;\n      position: relative; z-index: 2;\n    }\n    #udb2b-faq-dino .udb2b-cta-desc {\n      font-size: 15px !important;\n      line-height: 1.6 !important;\n      color: #8B9BB4 !important; \/* \u96fe\u84dd\u8272\uff0c\u4e0d\u660e\u663e\u4e14\u9ad8\u7ea7 *\/\n      margin: 0 0 24px 0 !important;\n      position: relative; z-index: 2;\n    }\n    \n    #udb2b-faq-dino .udb2b-cta-list {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 32px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      position: relative; z-index: 2;\n    }\n    #udb2b-faq-dino .udb2b-cta-list li {\n      font-size: 14px !important;\n      color: #8B9BB4 !important; \/* \u96fe\u84dd\u8272\uff0c\u4e0d\u660e\u663e *\/\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      line-height: 1.5;\n    }\n    #udb2b-faq-dino .udb2b-cta-list li::before {\n      content: \"\";\n      width: 10px; height: 10px;\n      background: #FFD848;\n      border-radius: 50%;\n      margin-top: 5px;\n      box-shadow: 2px 2px 0 rgba(0, 216, 255, 0.3);\n      flex-shrink: 0;\n    }\n\n    #udb2b-faq-dino .udb2b-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background-color: #00D8FF;\n      color: #060B18 !important;\n      width: 100%;\n      padding: 18px 24px;\n      font-size: 15px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-decoration: none;\n      border-radius: 50px; \n      box-shadow: 0 8px 20px rgba(0, 216, 255, 0.2);\n      transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n      text-align: center;\n      position: relative; z-index: 2;\n    }\n    #udb2b-faq-dino .udb2b-btn:hover {\n      background-color: #FFD848;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 24px rgba(255, 216, 72, 0.3);\n    }\n    #udb2b-faq-dino .udb2b-cta-footer {\n      font-size: 13px !important;\n      color: #5C6E8A !important; \/* \u66f4\u6df1\u7684\u7070\u84dd\u8272\uff0c\u964d\u4f4e\u5b58\u5728\u611f *\/\n      margin: 20px 0 0 0 !important;\n      line-height: 1.6;\n      position: relative; z-index: 2;\n    }\n\n    \/* =========================================\n       3. \u53f3\u4fa7\u5a31\u4e50\u5316\u624b\u98ce\u7434\u6298\u53e0\u533a (\u62d2\u7edd + \u53f7)\n       ========================================= *\/\n    #udb2b-faq-dino .udb2b-accordion-area {\n      display: flex;\n      flex-direction: column;\n      gap: 12px; \n    }\n\n    #udb2b-faq-dino .udb2b-details {\n      background: rgba(255, 255, 255, 0.02);\n      border: 1px solid rgba(255, 255, 255, 0.04);\n      border-radius: 20px;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    #udb2b-faq-dino .udb2b-details:hover {\n      background: rgba(255, 255, 255, 0.03);\n      border-color: rgba(0, 216, 255, 0.15);\n    }\n    #udb2b-faq-dino .udb2b-details[open] {\n      background: rgba(0, 216, 255, 0.03);\n      border-color: rgba(0, 216, 255, 0.4);\n      box-shadow: 0 8px 24px rgba(0, 216, 255, 0.05);\n    }\n\n    #udb2b-faq-dino .udb2b-summary {\n      padding: clamp(18px, 2.5vw, 28px);\n      font-size: clamp(16px, 1.4vw, 18px);\n      font-weight: 600;\n      color: #E2E8F0;\n      cursor: pointer;\n      list-style: none; \/* \u9690\u85cf\u9ed8\u8ba4\u4e09\u89d2 *\/\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 24px;\n    }\n    #udb2b-faq-dino .udb2b-summary::-webkit-details-marker {\n      display: none;\n    }\n    \n    \/* \u5a31\u4e50\u5316\u4e92\u52a8\u56fe\u6807\uff1a\u6298\u7ebf\u7bad\u5934 Chevron\uff0c\u62d2\u7edd\u4f20\u7edf\u52a0\u53f7 *\/\n    #udb2b-faq-dino .udb2b-summary::after {\n      content: \"\";\n      display: block;\n      width: 10px; height: 10px;\n      border-bottom: 2px solid #FFD848;\n      border-right: 2px solid #FFD848;\n      transform: rotate(45deg);\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      flex-shrink: 0;\n    }\n    #udb2b-faq-dino .udb2b-details[open] .udb2b-summary::after {\n      transform: rotate(-135deg);\n      border-color: #00D8FF;\n    }\n\n    \/* \u91cd\u70b9\uff1a\u5d4c\u5957H3\u4ee5\u4fddSEO\uff0c\u5f3a\u5236\u589e\u52a0 !important \u8986\u76d6\u4e3b\u9898\u7684\u989c\u8272\u91cd\u7f6e *\/\n    #udb2b-faq-dino .udb2b-faq-h3 {\n      margin: 0 !important;\n      font-size: inherit !important;\n      font-weight: inherit !important;\n      line-height: 1.5 !important;\n      color: #E2E8F0 !important; \/* \u5f3a\u5236\u6d45\u73cd\u73e0\u7070\uff0c\u89e3\u51b3\u6587\u672c\u9690\u5f62\u95ee\u9898 *\/\n    }\n\n    \/* \u7b54\u6848\u5185\u5bb9\u533a\u57df\uff1a\u5f3a\u5236\u589e\u52a0 !important \u5f7b\u5e95\u538b\u5236 Blocksy \u7684 p \u6807\u7b7e\u989c\u8272 *\/\n    #udb2b-faq-dino .udb2b-details-content {\n      padding: 0 clamp(18px, 2.5vw, 28px) clamp(24px, 3vw, 36px) clamp(18px, 2.5vw, 28px) !important;\n      font-size: 15px !important;\n      line-height: 1.7 !important;\n      color: #8B9BB4 !important; \/* \u5f3a\u5236\u96fe\u84dd\u8272\uff0c\u5b8c\u7f8e\u878d\u5165\u6df1\u8272\u80cc\u666f\u4e14\u4e0d\u523a\u773c *\/\n      border-top: 1px dashed rgba(255, 255, 255, 0.05);\n      margin-top: -4px;\n      padding-top: 20px;\n    }\n    #udb2b-faq-dino .udb2b-details-content p {\n      color: #8B9BB4 !important;\n      margin: 0 !important;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u65ad\u70b9 *\/\n    @media (max-width: 991px) {\n      #udb2b-faq-dino .udb2b-sticky-sidebar {\n        position: static; \/* \u79fb\u52a8\u7aef\u53d6\u6d88\u7c98\u6027 *\/\n      }\n    }\n  <\/style>\n\n  <!-- \u80cc\u666f\u5a31\u4e50\u5316\u51e0\u4f55\u88c5\u9970 -->\n  <div class=\"udb2b-bg-ball\"><\/div>\n  <div class=\"udb2b-bg-polygon\"><\/div>\n\n  <div class=\"udb2b-inner\">\n    \n    <!-- \u5de6\u4fa7\uff1a\u7c98\u6027\u8ddf\u968f\u8231 (\u6807\u9898 + CTA) -->\n    <div class=\"udb2b-sticky-sidebar\">\n      <h2 class=\"sbt-h2\">Dinosaur Playground Equipment FAQs<\/h2>\n      \n      <!-- \u5a31\u4e50\u5316\u5de8\u578b\u80f6\u56ca\u9762\u677f -->\n      <div class=\"udb2b-cta-capsule\">\n        <h3 class=\"udb2b-cta-h3\">Start Your Dinosaur Playground Design<\/h3>\n        <p class=\"udb2b-cta-desc\">Send your floor plan and the Dinosaur Venue Brief. We will use the approved inputs to discuss a custom 3D concept, factory quotation and installation scope for your commercial indoor play project.<\/p>\n        \n        <ul class=\"udb2b-cta-list\">\n          <li>Attach or describe: Floor plan and clear height<\/li>\n          <li>Columns, entrances and fixed services<\/li>\n          <li>Exact ages and desired activities<\/li>\n          <li>Destination, budget range and opening target<\/li>\n          <li>Build the venue brief & Draft a zone allocation<\/li>\n        <\/ul>\n\n        <a href=\"#ct-popup-800\" class=\"udb2b-btn\">Request a Dinosaur Playground Quote<\/a>\n        <p class=\"udb2b-cta-footer\">Didi Land provides free consultation and 24\/7 online support. The written quotation confirms the approved design, price, production range, payment terms, shipment and installation responsibilities.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u53f3\u4fa7\uff1a\u5a31\u4e50\u5316\u624b\u98ce\u7434\u6298\u53e0\u533a -->\n    <div class=\"udb2b-accordion-area\">\n      \n      <details class=\"udb2b-details\" open>\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">Is this page for indoor or outdoor dinosaur playground equipment?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">It is for custom commercial indoor playground equipment planned as a complete venue solution. A standalone outdoor product, park climber or spring rider needs a separate site and equipment brief.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">What do you need before starting a 3D dinosaur playground design?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Send eight inputs: floor plan, usable dimensions, clear height, columns and entrances, exact target age, desired activities, target capacity and operating model, plus destination requirements, budget and opening target. The online Venue Brief Builder turns missing items into a follow-up list.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">Can Didi Land customize the dinosaur theme and play equipment?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Yes. We customize the theme direction, color, activity mix, soft play, play structures and route around the approved brief, then record the selected elements in the 3D concept and quotation.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">How should toddler and older-child zones be planned?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Start with exact ages, not the word \u201ckids.\u201d ASTM F1918-21 publicly scopes soft contained play equipment from age 2 to 12, while an under-two area and a destination using another standard need their own review; the final zoning also depends on activity intensity and supervision.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">Which safety standards apply to a commercial indoor playground?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">There is no universal answer based only on the word indoor. ASTM F1918-21 and BS EN 1176-10:2023 have different scopes, and product classification, country, venue, age, local rules and equipment design determine the applicable route.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">How long does production take?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Our production schedule is 20\u201360 working days after design approval and deposit, with the project range confirmed in the quotation. Freight, import, site preparation, installation and local review sit outside that production clock unless the written schedule names them.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">What are the payment terms?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Orders use a 30% deposit and 70% balance before shipment, with the project terms confirmed in the quotation. Treat this as a contract term to review with the full price, Incoterm, delivery point and document scope\u2014not as a claim about buyer financing or investment return.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">Does installation come with the equipment?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Installation support is available, but the quotation must define the route. Confirm the installation team, travel, local labor, unloading, storage, site readiness, tools, utilities, supervision, acceptance and handover before the order is released.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">How should cleaning and maintenance affect the layout?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">Give staff practical access to tunnels, padding, corners, ball areas and frequently touched features. Assign routine inspection, cleaning, repair, first aid, incident records and emergency decisions before opening, because those are operating duties rather than decorative details.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">Can you guarantee visitor numbers or return on investment?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">No fixed traffic, revenue or payback result is stated on this page. Use the seven-line Scope-Certainty Card to compare equipment, design, packing, freight, installation, local work and handover evidence, then add your own rent, staffing, insurance, fit-out and operating assumptions.<\/div>\n      <\/details>\n\n      <details class=\"udb2b-details\">\n        <summary class=\"udb2b-summary\"><h3 class=\"udb2b-faq-h3\">What after-sales support does Didi Land provide?<\/h3><\/summary>\n        <div class=\"udb2b-details-content\">We provide 24\/7 online support, free consultation and after-sales support. Put the service contact, evidence needed for a report, replacement or repair path, response responsibilities and any project-specific terms into the final quotation and handover package.<\/div>\n      <\/details>\n      \n    <\/div>\n  <\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>INDOOR PLAYGROUND ENGINEERING Custom Dinosaur Playground Equipment for Commercial Indoor Venues Didi Land designs dinosaur playground equipment as a complete indoor play environment for malls, family entertainment centers, hotels, restaurants, kindergartens and children\u2019s activity venues. Your floor plan, target ages, activity priorities, operating model and budget become a reviewable 3D concept before the equipment scope [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":1343,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-4068","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages\/4068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/comments?post=4068"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages\/4068\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages\/1343"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/media?parent=4068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}