{"id":1978,"date":"2026-05-07T06:15:19","date_gmt":"2026-05-07T06:15:19","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=1978"},"modified":"2026-05-07T06:28:59","modified_gmt":"2026-05-07T06:28:59","slug":"compliance-selector","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/pt\/indoor-playground-equipment\/toddler-indoor-playground\/compliance-selector\/","title":{"rendered":"seletor de conformidade"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ece5d12\" data-block-id=\"ece5d12\"><style>.stk-ece5d12 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-ece5d12-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9aab2d1\" data-v=\"4\" data-block-id=\"9aab2d1\"><style>.stk-9aab2d1-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-9aab2d1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9aab2d1-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-b1c9084\" data-block-id=\"b1c9084\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b1c9084-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f6231f5\" data-v=\"4\" data-block-id=\"f6231f5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f6231f5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f6231f5-inner-blocks\">\n<style>\n  \/* \u5f15\u5165\u9ad8\u8d28\u91cf\u4f01\u4e1a\u7ea7\u5b57\u4f53 *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n  \/* 1. \u9876\u7ea7\u4f5c\u7528\u57df\u9694\u79bb & \u57fa\u7840\u91cd\u7f6e *\/\n  #didi-compliance-module {\n    width: 100% !important;\n    box-sizing: border-box !important;\n    font-family: inherit, 'Inter', sans-serif !important;\n    position: relative !important;\n    line-height: 1.6 !important;\n    background-color: #F8FAFC !important; \/* \u6781\u7b80\u6d45\u7070\u80cc\u666f\u886c\u6258\u5361\u7247 *\/\n    padding: 80px 0 !important;\n  }\n\n  #didi-compliance-module * {\n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  \/* 2. \u5c45\u4e2d\u5f39\u6027\u5bb9\u5668 *\/\n  #didi-compliance-module .didi-container {\n    max-width: 800px !important; \n    margin: 0 auto !important;\n    padding: 0 20px !important;\n  }\n\n  \/* 3. \u9ad8\u7ea7\u4ea4\u4e92\u5361\u7247\u4e3b\u4f53 *\/\n  #didi-compliance-module .didi-calc-card {\n    background: #FFFFFF !important;\n    border-radius: 16px !important;\n    padding: 50px !important;\n    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08), \n                0 0 0 1px rgba(15, 23, 42, 0.03) !important;\n    position: relative !important;\n  }\n\n  \/* \u9876\u90e8\u54c1\u724c\u8272\u6d41\u5149\u7ebf *\/\n  #didi-compliance-module .didi-calc-card::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 5px !important;\n    background: linear-gradient(90deg, #00D8FF, #FFD848) !important;\n    border-radius: 16px 16px 0 0 !important;\n  }\n\n  \/* \u5934\u90e8\u6807\u9898\u533a *\/\n  #didi-compliance-module .didi-header {\n    text-align: center !important;\n    margin-bottom: 40px !important;\n  }\n\n  #didi-compliance-module .didi-title {\n    font-size: 28px !important;\n    font-weight: 800 !important;\n    color: #0F172A !important;\n    margin-bottom: 12px !important;\n    letter-spacing: -0.5px !important;\n  }\n\n  #didi-compliance-module .didi-subtitle {\n    font-size: 15px !important;\n    color: #64748B !important;\n    line-height: 1.6 !important;\n  }\n\n  \/* 4. \u8868\u5355\u4ea4\u4e92\u533a *\/\n  #didi-compliance-module .didi-form-group {\n    margin-bottom: 24px !important;\n  }\n\n  #didi-compliance-module .didi-label {\n    display: block !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #1E293B !important;\n    margin-bottom: 8px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n  }\n\n  \/* ==================================================\n     \u3010\u6838\u5fc3\u4fee\u590d\u533a\u3011\u9ad8\u7ea7\u4e0b\u62c9\u6846\u6837\u5f0f\n     \u4f7f\u7528\u7edd\u5bf9\u9ad8\u5ea6\u548c\u884c\u9ad8\u66ff\u4ee3\u5782\u76f4\u5185\u8fb9\u8ddd\uff0c\u89e3\u51b3\u6587\u5b57\u88ab\u5207\u65ad\u7684\u95ee\u9898\n     ================================================== *\/\n  #didi-compliance-module .didi-input {\n    width: 100% !important;\n    height: 56px !important; \/* \u4fee\u590d\uff1a\u8bbe\u7f6e\u56fa\u5b9a\u7684\u7edd\u5bf9\u9ad8\u5ea6 *\/\n    line-height: 54px !important; \/* \u4fee\u590d\uff1a\u8bbe\u7f6e\u884c\u9ad8\u4f7f\u6587\u5b57\u7edd\u5bf9\u5782\u76f4\u5c45\u4e2d *\/\n    padding: 0 45px 0 20px !important; \/* \u4fee\u590d\uff1a\u53bb\u9664\u4e0a\u4e0b padding\uff0c\u53f3\u4fa7\u7559\u51fa\u7bad\u5934\u7a7a\u95f4 *\/\n    background: #F8FAFC !important;\n    border: 1px solid #E2E8F0 !important;\n    border-radius: 8px !important;\n    font-size: 16px !important;\n    font-family: inherit !important;\n    color: #0F172A !important;\n    font-weight: 500 !important;\n    transition: all 0.3s ease !important;\n    appearance: none !important;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C\/path%3E%3C\/svg%3E\") !important;\n    background-repeat: no-repeat !important;\n    background-position: right 16px center !important;\n    background-size: 20px !important;\n    cursor: pointer !important;\n  }\n\n  #didi-compliance-module .didi-input:hover {\n    border-color: #CBD5E1 !important;\n  }\n\n  #didi-compliance-module .didi-input:focus {\n    outline: none !important;\n    background: #FFFFFF !important;\n    border-color: #00D8FF !important;\n    box-shadow: 0 0 0 4px rgba(0, 216, 255, 0.15) !important;\n  }\n\n  \/* 5. \u7ed3\u679c\u5c55\u793a\u533a (\u5e73\u6ed1\u52a8\u753b\u663e\u793a) *\/\n  #didi-compliance-module .didi-result-wrapper {\n    margin-top: 30px !important;\n    padding: 35px 30px !important;\n    background: #F0F9FF !important; \/* \u6781\u6de1\u54c1\u724c\u4e3b\u8272\u5e95\u8272 *\/\n    border-radius: 12px !important;\n    border-left: 4px solid #00D8FF !important;\n    display: none !important;\n    opacity: 0 !important;\n    transform: translateY(20px) !important;\n    transition: opacity 0.5s ease, transform 0.5s ease !important;\n  }\n\n  #didi-compliance-module .didi-result-wrapper.show {\n    display: block !important;\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n\n  #didi-compliance-module .didi-res-title {\n    font-size: 18px !important;\n    font-weight: 800 !important;\n    color: #0F172A !important;\n    margin-bottom: 20px !important;\n  }\n\n  #didi-compliance-module .didi-list-title {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #1E293B !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    margin-bottom: 10px !important;\n  }\n\n  #didi-compliance-module .didi-code-list {\n    list-style: none !important;\n    margin-bottom: 24px !important;\n  }\n\n  #didi-compliance-module .didi-code-list li {\n    position: relative !important;\n    padding-left: 24px !important;\n    font-size: 15px !important;\n    color: #334155 !important;\n    margin-bottom: 8px !important;\n    line-height: 1.5 !important;\n  }\n\n  \/* \u81ea\u5b9a\u4e49\u5217\u8868\u5706\u70b9 *\/\n  #didi-compliance-module .didi-code-list li::before {\n    content: '' !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 6px !important;\n    width: 10px !important;\n    height: 10px !important;\n    background-color: #FFD848 !important; \/* \u526f\u8272\u8c03 *\/\n    border-radius: 50% !important;\n    box-shadow: 0 0 0 3px rgba(255, 216, 72, 0.2) !important;\n  }\n\n  #didi-compliance-module .didi-code-list li strong {\n    color: #0369A1 !important;\n    font-weight: 700 !important;\n  }\n\n  #didi-compliance-module .didi-res-note {\n    font-size: 14px !important;\n    color: #64748B !important;\n    line-height: 1.6 !important;\n    padding-top: 20px !important;\n    border-top: 1px solid rgba(15, 23, 42, 0.05) !important;\n    margin-bottom: 24px !important;\n  }\n\n  \/* \u9759\u6001 CTA \u6309\u94ae (\u5b8c\u7f8e\u652f\u6301\u4e3b\u9898\u5f39\u7a97) *\/\n  #didi-compliance-module .didi-cta-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    padding: 16px 28px !important;\n    background: #0F172A !important;\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    border-radius: 8px !important;\n    font-weight: 700 !important;\n    font-size: 15px !important;\n    transition: all 0.3s ease !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n  }\n\n  #didi-compliance-module .didi-cta-link:hover {\n    background: #1E293B !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.15) !important;\n  }\n\n  \/* \u54cd\u5e94\u5f0f *\/\n  @media (max-width:690px) {\n    #didi-compliance-module { padding: 50px 0 !important; }\n    #didi-compliance-module .didi-calc-card { padding: 30px 20px !important; }\n    #didi-compliance-module .didi-title { font-size: 24px !important; }\n    #didi-compliance-module .didi-cta-link { width: 100% !important; justify-content: center !important; }\n  }\n<\/style>\n\n<section id=\"didi-compliance-module\">\n  <div class=\"didi-container\">\n    \n    <div class=\"didi-calc-card\">\n      <div class=\"didi-header\">\n        <div class=\"didi-title\">Toddler Compliance Code Selector<\/div>\n        <div class=\"didi-subtitle\">Pick your jurisdiction and age window \u2014 see which codes Didi files and which test reports ship with each project.<\/div>\n      <\/div>\n\n      <div class=\"didi-form-group\">\n        <label class=\"didi-label\" for=\"didi-region\">Target market \/ jurisdiction<\/label>\n        <select class=\"didi-input\" id=\"didi-region\">\n          <option value=\"\">Select region\u2026<\/option>\n          <option value=\"us\">United States (CPSC + ASTM)<\/option>\n          <option value=\"eu\">European Union (CE + EN)<\/option>\n          <option value=\"au\">Australia \/ NZ (AS)<\/option>\n          <option value=\"ca\">Canada (CSA + CPSC reciprocity)<\/option>\n          <option value=\"other\">Other \/ multi-region<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"didi-form-group\">\n        <label class=\"didi-label\" for=\"didi-age\">Age window<\/label>\n        <select class=\"didi-input\" id=\"didi-age\">\n          <option value=\"\">Select age window\u2026<\/option>\n          <option value=\"6-23\">6 &#8211; 23 months<\/option>\n          <option value=\"2-5\">2 &#8211; 5 years<\/option>\n          <option value=\"mixed\">Mixed-age toddler zone (6 mo &#8211; 5 yr)<\/option>\n        <\/select>\n      <\/div>\n\n      <div id=\"didi-result-wrapper\" class=\"didi-result-wrapper\">\n        <div id=\"didi-result-content\">\n          <\/div>\n        <a class=\"didi-cta-link\" href=\"#ct-popup-800\">Request the full code dossier &rarr;<\/a>\n      <\/div>\n      \n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Vanilla JS: \u4f7f\u7528\u4e8b\u4ef6\u76d1\u542c\uff0c\u5b8c\u7f8e\u517c\u5bb9 FlyingPress \u53ca WP \u673a\u5236\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    const regionSelect = document.getElementById('didi-region');\n    const ageSelect = document.getElementById('didi-age');\n    const resultWrapper = document.getElementById('didi-result-wrapper');\n    const resultContent = document.getElementById('didi-result-content');\n\n    function processCompliance() {\n      const region = regionSelect.value;\n      const age = ageSelect.value;\n\n      \/\/ \u9a8c\u8bc1\uff1a\u5fc5\u987b\u4e24\u4e2a\u90fd\u9009\u624d\u80fd\u5c55\u793a\u7ed3\u679c\n      if (!region || !age) {\n        resultWrapper.classList.remove('show');\n        return;\n      }\n\n      let primary = [];\n      let supporting = ['ISO 9001:2015 (manufacturing quality)'];\n\n      \/\/ \u539f\u6709\u903b\u8f91\u539f\u6837\u4fdd\u7559\uff0c\u53ea\u4e3a\u4e86\u751f\u6210\u5185\u5bb9\n      if (region === 'us' || region === 'ca' || region === 'other') {\n        if (age === '6-23' || age === 'mixed') primary.push('<strong>ASTM F2373<\/strong> (children 6 months through 23 months)');\n        if (age === '2-5' || age === 'mixed') primary.push('<strong>ASTM F1487<\/strong> (preschool sub-clauses, ages 2-12)');\n        primary.push('<strong>ASTM F1292<\/strong> (HIC < 1,000 surface impact attenuation)');\n        if (region === 'us') supporting.push('CPSC Public Playground Safety Handbook (under-2 guidance)');\n      }\n      if (region === 'eu' || region === 'other') {\n        primary.push('<strong>EN 1176-1:2017<\/strong> (general safety + entrapment + fall heights)');\n        primary.push('<strong>EN 1176-10:2023<\/strong> (fully enclosed indoor \/ outdoor play equipment)');\n        supporting.push('CE marking + EU Toys Directive 2009\/48\/EC (toy-class accessories)');\n      }\n      if (region === 'au' || region === 'other') {\n        primary.push('<strong>AS 4685.1:2021<\/strong> (= EN 1176-1:2017, MOD)');\n        supporting.push('TQT8040B09E full test report (Didi-issued)');\n      }\n\n      \/\/ \u6784\u5efa\u5b89\u5168\u7684 HTML \u7ed3\u679c (\u4e0d\u5305\u542b\u5e95\u90e8\u7684 CTA \u6309\u94ae)\n      let htmlContent = `\n        <div class=\"didi-res-title\">Codes Didi files for your project<\/div>\n        \n        <div class=\"didi-list-title\">Primary Standards:<\/div>\n        <ul class=\"didi-code-list\">\n          ${primary.map(item => `<li>${item}<\/li>`).join('')}\n        <\/ul>\n\n        <div class=\"didi-list-title\">Supporting Documentation:<\/div>\n        <ul class=\"didi-code-list\">\n          ${supporting.map(item => `<li>${item}<\/li>`).join('')}\n        <\/ul>\n\n        <div class=\"didi-res-note\">\n          Every project ships with a per-zone compliance dossier mapping each code clause to the installed components.\n        <\/div>\n      `;\n\n      \/\/ \u6ce8\u5165\u5185\u5bb9\n      resultContent.innerHTML = htmlContent;\n      \n      \/\/ \u6dfb\u52a0\u5e73\u6ed1\u5c55\u73b0\u52a8\u753b\n      setTimeout(() => {\n        resultWrapper.classList.add('show');\n      }, 50);\n    }\n\n    \/\/ \u7ed1\u5b9a\u4e0b\u62c9\u6846\u66f4\u6539\u4e8b\u4ef6\n    regionSelect.addEventListener('change', processCompliance);\n    ageSelect.addEventListener('change', processCompliance);\n\n  });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Toddler Compliance Code Selector Pick your jurisdiction and age window \u2014 see which codes Didi files and which test reports ship with each project. Target market \/ jurisdiction Select region\u2026United States (CPSC + ASTM)European Union (CE + EN)Australia \/ NZ (AS)Canada (CSA + CPSC reciprocity)Other \/ multi-region Age window Select age window\u20266 &#8211; 23 months2 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":1755,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1978","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages\/1978","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=1978"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages\/1978\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/pages\/1755"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/pt\/wp-json\/wp\/v2\/media?parent=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}