{"id":16022,"date":"2026-10-18T14:03:34","date_gmt":"2026-10-18T14:03:34","guid":{"rendered":"https:\/\/www.airsang.com\/?page_id=16022"},"modified":"2026-10-18T14:03:34","modified_gmt":"2026-10-18T14:03:34","slug":"custom-theme-development","status":"publish","type":"page","link":"https:\/\/www.airsang.com\/ar\/custom-theme-development\/","title":{"rendered":"Custom Features &#038; Theme Development"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16022\" class=\"elementor elementor-16022\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acdc001 e-con-full e-flex e-con e-parent\" data-id=\"acdc001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acdh001 elementor-widget elementor-widget-airsang-code-development-hero\" data-id=\"acdh001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style data-airsang-widget=\"hero-v2\">\n\n.acdh-v2,.acdh-v2 *{box-sizing:border-box}\n.acdh-v2{--acdh-accent:#ed940d;width:100%;padding:84px 40px 80px;background:radial-gradient(ellipse at 90% 24%,#fff4df 0,transparent 48%),#fff;font-family:Arial,\"Microsoft YaHei\",sans-serif;color:#17212d;overflow:hidden}\n.acdh-v2 .acdh-inner{width:100%;max-width:1280px;margin:auto;display:flex;align-items:center;gap:64px}\n.acdh-v2 .acdh-copy{flex:0 1 48%;min-width:0;position:relative;z-index:2}\n.acdh-v2 .acdh-eyebrow{display:inline-block;background:#fff2dc;color:#a96708;font-size:12px;font-weight:600;line-height:1.5;padding:8px 12px;border-radius:8px;max-width:100%;overflow-wrap:anywhere}\n.acdh-v2 .title{font:700 58px\/1.2 Arial,\"Microsoft YaHei\",sans-serif;color:#17212d;letter-spacing:-1.5px;margin:22px 0;overflow-wrap:break-word}\n.acdh-v2 .acdh-title-line{display:block}.acdh-v2 .acdh-highlight{color:var(--acdh-accent)}\n.acdh-v2 .acdh-description{max-width:580px;font-size:16px;line-height:1.85;color:#596574;overflow-wrap:break-word}\n.acdh-v2 .acdh-description p:first-child{margin-top:0}.acdh-v2 .acdh-description p:last-child{margin-bottom:0}\n.acdh-v2 .acdh-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 26px}\n.acdh-v2 .acdh-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border:1px solid #e4e7eb;border-radius:9px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .2s,color .2s;max-width:100%}\n.acdh-v2 .acdh-primary{background:var(--acdh-accent);color:#fff;border-color:transparent;box-shadow:0 7px 18px #e9a13720}.acdh-v2 .acdh-secondary{background:#fff;color:#273441}\n.acdh-v2 a.acdh-primary:hover{background:#ce7b00;color:#fff}.acdh-v2 a.acdh-secondary:hover{background:#fff7eb;color:#273441}\n.acdh-v2 a:focus-visible{outline:2px solid var(--acdh-accent);outline-offset:4px}\n.acdh-v2 .acdh-button-icon{font-size:12px;display:inline-flex}.acdh-v2 svg{width:1em;height:1em;fill:currentColor}\n.acdh-v2 .acdh-features{display:flex;flex-wrap:wrap;gap:14px}.acdh-v2 .acdh-feature{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;font-weight:500;color:#596574}\n.acdh-v2 .acdh-feature-icon{display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#fff0d8;color:#b7770c}\n.acdh-v2 .acdh-visual{flex:1 1 52%;width:100%;max-width:590px;min-width:0}.acdh-v2 .acdh-main-image{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}\n.acdh-v2 .acdh-interface{position:relative;min-height:476px;--object-color:#cbb6a0}\n.acdh-v2 .acdh-window{border-radius:15px;overflow:hidden;box-shadow:0 22px 45px #21314424}\n.acdh-v2 .acdh-code{position:absolute;top:12px;left:0;width:80%;background:#1b2633;padding-bottom:42px;transform:rotate(-3deg)}\n.acdh-v2 .acdh-codebar,.acdh-v2 .acdh-browserbar{height:39px;padding:0 14px;display:flex;align-items:center;gap:14px;background:#111b26;border-bottom:1px solid #ffffff0c}\n.acdh-v2 .acdh-window-label{font:500 10px\/1.5 Arial,sans-serif;color:#a5b5c4;letter-spacing:.04em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.acdh-v2 .acdh-dots{display:flex;gap:5px;flex:0 0 auto}.acdh-v2 .acdh-dots i{width:7px;height:7px;border-radius:50%;background:#f0796d}.acdh-v2 .acdh-dots i:nth-child(2){background:#eec36a}.acdh-v2 .acdh-dots i:nth-child(3){background:#85bf98}\n.acdh-v2 .acdh-code pre{padding:20px 24px 12px;margin:0;background:transparent;border:0;color:#c7d9e8;font:400 12px\/1.85 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}\n.acdh-v2 .acdh-browser{position:absolute;right:0;top:133px;width:66%;background:#fff;border:5px solid #2a3543;transform:rotate(3deg)}\n.acdh-v2 .acdh-browserbar{height:30px;padding:0 9px;background:#f6f7f8;border-color:#e8e9eb;gap:10px}.acdh-v2 .acdh-browserbar .acdh-window-label{color:#939ca6;font-size:8px}.acdh-v2 .acdh-browserbar .acdh-dots i{width:5px;height:5px;background:#c7ced5}\n.acdh-v2 .acdh-preview-page{padding:13px}.acdh-v2 .acdh-preview-nav{display:flex;gap:8px;align-items:center;margin-bottom:12px}.acdh-v2 .acdh-preview-nav i{width:32px;height:6px;background:var(--acdh-accent);margin-right:auto;border-radius:2px}.acdh-v2 .acdh-preview-nav span{width:20px;height:3px;background:#d4d8dc;border-radius:2px}\n.acdh-v2 .acdh-preview-hero{position:relative;min-height:150px;display:flex;align-items:center;background:#f4eadd;border-radius:6px;overflow:hidden;padding:18px 12px}\n.acdh-v2 .acdh-preview-copy{position:relative;z-index:2;width:62%}.acdh-v2 .acdh-preview-title{font-size:17px;font-weight:700;line-height:1.25;color:#302c29}.acdh-v2 .acdh-preview-description{font-size:8px;line-height:1.6;color:#7c766b;margin-top:7px}.acdh-v2 .acdh-preview-button{display:inline-block;padding:5px 7px;margin-top:10px;background:var(--acdh-accent);border-radius:3px;color:#fff;font-size:7px;font-weight:600;line-height:1.4}\n.acdh-v2 .acdh-chair{position:absolute;right:9%;bottom:25px;width:24%;height:65px;border-radius:22px 22px 9px 9px;background:linear-gradient(95deg,#ffffff25,transparent 65%),var(--object-color);box-shadow:3px 5px 12px #9c846e22,inset -4px -2px 5px #8c786329}\n.acdh-v2 .acdh-chair:before{content:\"\";position:absolute;left:-5%;right:-5%;bottom:-3px;height:23px;border-radius:5px;background:var(--object-color);box-shadow:0 3px 0 #9f8873}.acdh-v2 .acdh-chair:after{content:\"\";position:absolute;bottom:-15px;left:10%;width:80%;height:13px;border-left:3px solid #aa937b;border-right:3px solid #aa937b}\n.acdh-v2 .acdh-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.acdh-v2 .acdh-product{height:58px;background:#f5f4f1;border-radius:5px;display:flex;align-items:center;justify-content:center}.acdh-v2 .acdh-product i{position:relative;display:block;background:var(--object-color);filter:drop-shadow(2px 4px 2px #00000010)}\n.acdh-v2 .acdh-vase{width:19px;height:29px;border-radius:5px 5px 8px 8px}.acdh-v2 .acdh-vase:before{content:\"\";position:absolute;left:5px;top:-6px;width:9px;height:8px;background:var(--object-color)}\n.acdh-v2 .acdh-lamp{width:27px;height:18px;border-radius:18px 18px 2px 2px;margin-top:-8px}.acdh-v2 .acdh-lamp:before{content:\"\";position:absolute;width:3px;height:17px;top:17px;left:12px;background:#a99682}.acdh-v2 .acdh-lamp:after{content:\"\";position:absolute;left:5px;top:31px;width:17px;height:3px;background:#a99682;border-radius:2px}\n.acdh-v2 .acdh-stool{width:27px;height:10px;border-radius:5px;margin-top:-8px}.acdh-v2 .acdh-stool:after{content:\"\";position:absolute;left:4px;top:9px;width:19px;height:20px;border-inline:3px solid var(--object-color)}\n.acdh-v2 .acdh-info-cards{position:absolute;left:2%;right:3%;bottom:0;display:flex;gap:14px;align-items:center;justify-content:space-between;z-index:3}\n.acdh-v2 .acdh-info-card{display:flex;gap:10px;align-items:center;padding:14px 17px;background:#fff;border:1px solid #edf0f2;border-radius:12px;box-shadow:0 12px 26px #21314412;min-width:0}.acdh-v2 .acdh-card-icon{display:flex;font-size:14px;color:#d99014;flex:0 0 auto}.acdh-v2 .acdh-info-card strong{display:block;font-size:12px;font-weight:700;line-height:1.5;color:#233141}.acdh-v2 .acdh-info-card small{display:block;font-size:10px;line-height:1.6;color:#758190;margin-top:3px}\n.acdh-v2 .acdh-motion .acdh-code{animation:acdhV2Float var(--acdh-motion-duration,6s) var(--acdh-motion-delay,0s) ease-in-out infinite}.acdh-v2 .acdh-motion .acdh-browser{animation:acdhV2Float var(--acdh-motion-duration,6s) var(--acdh-motion-delay,0s) ease-in-out infinite reverse}\n@keyframes acdhV2Float{50%{translate:0 -8px}}\n@media(max-width:1024px){.acdh-v2 .acdh-inner{gap:40px}.acdh-v2 .title{font-size:46px}.acdh-v2 .acdh-interface{min-height:440px}}\n@media(max-width:767px){.acdh-v2{padding:48px 22px 42px}.acdh-v2 .acdh-inner{flex-direction:column;gap:36px;align-items:stretch}.acdh-v2 .acdh-copy{flex-basis:100%}.acdh-v2 .title{font-size:36px;letter-spacing:-.6px}.acdh-v2 .acdh-description{font-size:15px}.acdh-v2 .acdh-eyebrow{font-size:11px}.acdh-v2 .acdh-buttons{gap:10px}.acdh-v2 .acdh-button{padding:14px 17px}.acdh-v2 .acdh-features{gap:12px}.acdh-v2 .acdh-visual{align-self:center;flex-basis:auto}.acdh-v2 .acdh-interface{min-height:370px}.acdh-v2 .acdh-code{width:88%;padding-bottom:26px}.acdh-v2 .acdh-code pre{font-size:10px;padding:16px 18px}.acdh-v2 .acdh-browser{width:72%;top:117px}.acdh-v2 .acdh-preview-page{padding:9px}.acdh-v2 .acdh-preview-hero{min-height:124px;padding:12px 9px}.acdh-v2 .acdh-preview-title{font-size:14px}.acdh-v2 .acdh-preview-description{font-size:7px}.acdh-v2 .acdh-products{gap:5px}.acdh-v2 .acdh-product{height:45px}.acdh-v2 .acdh-chair{height:52px}.acdh-v2 .acdh-info-cards{gap:8px;left:0;right:0}.acdh-v2 .acdh-info-card{padding:11px 12px;gap:7px}.acdh-v2 .acdh-info-card strong{font-size:11px}.acdh-v2 .acdh-info-card small{font-size:9px}}\n@media(prefers-reduced-motion:reduce){.acdh-v2 .acdh-motion .acdh-window{animation:none}.acdh-v2 .acdh-button{transition:none}}\n\n<\/style>\n<section class=\"acd-hero acdh-v2\" data-brand=\"airsang\">\n <div class=\"acdh-inner\">\n  <div class=\"acdh-copy\">\n   <span class=\"acdh-eyebrow\">Shopify Liquid \u00b7 WordPress PHP \u00b7 Front-end<\/span>   <h1 class=\"title\"><span class=\"acdh-title-line\">Let the code be<\/span><span class=\"acdh-highlight\">Sustainable operation<\/span><span class=\"acdh-suffix acdh-title-line\">website capabilities<\/span><\/h1>\n   <div class=\"acdh-description\"><p>Don\u2019t write the page to death. Develop reusable, editable, and scalable website components around Shopify Sections\/Blocks, WordPress Widgets\/Blocks, and business functions to make subsequent updates, revisions, and marketing more efficient for the team.<\/p><\/div>\n   <div class=\"acdh-buttons\">\n         <a class=\"acdh-button acdh-primary\" href=\"https:\/\/www.airsang.com\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\">Consult now<span class=\"acdh-button-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg><\/span><\/a>\n         <a class=\"acdh-button acdh-secondary\" href=\"#reuse\">View development methods<\/a>\n       <\/div>\n   <div class=\"acdh-features\"><div class=\"acdh-feature\"><span class=\"acdh-feature-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Reusable Sections<\/span><\/div><div class=\"acdh-feature\"><span class=\"acdh-feature-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Custom Widgets<\/span><\/div><div class=\"acdh-feature\"><span class=\"acdh-feature-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>HTML \/ CSS \/ JS<\/span><\/div><div class=\"acdh-feature\"><span class=\"acdh-feature-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Testing and Delivery Instructions<\/span><\/div><\/div>  <\/div>\n  <div class=\"acdh-visual\">\n      <div class=\"acdh-interface acdh-motion\">\n    <div class=\"acdh-code acdh-window\"><div class=\"acdh-codebar\"><span class=\"acdh-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"acdh-window-label\">hero.liquid<\/span><\/div><pre>{% schema %}\n{\n  &quot;name&quot;: &quot;Brand Hero&quot;,\n  &quot;settings&quot;: [\n    { &quot;type&quot;: &quot;text&quot;,\n      &quot;id&quot;: &quot;heading&quot; }\n  ],\n  &quot;presets&quot;: [...]\n}\n{% endschema %}<\/pre><\/div>\n    <div class=\"acdh-browser acdh-window\">\n     <div class=\"acdh-browserbar\"><span class=\"acdh-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"acdh-window-label\">LIVE PREVIEW<\/span><\/div>\n     <div class=\"acdh-preview-page\">\n      <div class=\"acdh-preview-nav\" aria-hidden=\"true\"><i><\/i><span><\/span><span><\/span><span><\/span><\/div>\n      <div class=\"acdh-preview-hero\"><div class=\"acdh-preview-copy\"><div class=\"acdh-preview-title\">Better spaces.<br \/>\nBuilt to evolve.<\/div><div class=\"acdh-preview-description\">Reusable content modules for everyday publishing.<\/div><span class=\"acdh-preview-button\">Explore collection<\/span><\/div><div class=\"acdh-chair\" aria-hidden=\"true\"><\/div><\/div>\n      <div class=\"acdh-products\" aria-hidden=\"true\"><div class=\"acdh-product\"><i class=\"acdh-vase\"><\/i><\/div><div class=\"acdh-product\"><i class=\"acdh-lamp\"><\/i><\/div><div class=\"acdh-product\"><i class=\"acdh-stool\"><\/i><\/div><\/div>\n     <\/div>\n    <\/div>\n    <div class=\"acdh-info-cards\"><div class=\"acdh-info-card\"><span class=\"acdh-card-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-layer-group\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12.41 148.02l232.94 105.67c6.8 3.09 14.49 3.09 21.29 0l232.94-105.67c16.55-7.51 16.55-32.52 0-40.03L266.65 2.31a25.607 25.607 0 0 0-21.29 0L12.41 107.98c-16.55 7.51-16.55 32.53 0 40.04zm487.18 88.28l-58.09-26.33-161.64 73.27c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.51 209.97l-58.1 26.33c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 276.3c16.55-7.5 16.55-32.5 0-40zm0 127.8l-57.87-26.23-161.86 73.37c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.29 337.87 12.41 364.1c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 404.1c16.55-7.5 16.55-32.5 0-40z\"><\/path><\/svg><\/span><div><strong>Reusable module library<\/strong><small>Hero \/ Banner<br \/>\nProduct \/ FAQ<\/small><\/div><\/div><div class=\"acdh-info-card\"><span class=\"acdh-card-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-desktop\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z\"><\/path><\/svg><\/span><div><strong>Live preview<\/strong><small>Desktop \u00b7 Tablet \u00b7 Mobile<\/small><\/div><\/div><\/div>   <\/div>\n     <\/div>\n <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acdt001 elementor-widget elementor-widget-airsang-code-development-trust\" data-id=\"acdt001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-trust.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style data-airsang-widget=\"trust-v2\">\n\n.acdt-v2,.acdt-v2 *{box-sizing:border-box}.acdt-v2{width:100%;padding:27px 40px;border-block:1px solid #e9edf1;background:#fff;font-family:Arial,\"Microsoft YaHei\",sans-serif}.acdt-v2 .acdt-inner{max-width:1280px;width:100%;margin:auto;display:flex;gap:30px;align-items:center;min-width:0}.acdt-v2 .acdt-title{flex:0 0 auto;width:205px;max-width:100%;margin:0;color:#596574;font-size:14px;font-weight:600;line-height:1.6}.acdt-v2 .acdt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;flex:1;min-width:0}.acdt-v2 .acdt-item{display:flex;justify-content:center;align-items:center;gap:8px;min-height:58px;min-width:0;padding:12px 10px;border:1px solid #e8ebee;border-radius:10px;background:#fff;text-decoration:none;transition:background-color .2s}.acdt-v2 .acdt-item:hover{background:#fff8eb}.acdt-v2 a:focus-visible{outline:2px solid #ed940d;outline-offset:3px}.acdt-v2 .acdt-symbol{font-size:20px;font-weight:700;line-height:1;color:#c88313;display:inline-flex;flex:0 0 auto}.acdt-v2 .acdt-symbol svg{width:1em;height:1em;fill:currentColor}.acdt-v2 .acdt-label{font-size:12px;font-weight:600;line-height:1.4;color:#344354;overflow-wrap:anywhere}.acdt-v2 .acdt-image{width:28px;height:28px;object-fit:contain;display:block;flex:0 0 auto}\n@media(max-width:1024px){.acdt-v2 .acdt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.acdt-v2 .acdt-inner{gap:20px}}\n@media(max-width:767px){.acdt-v2{padding:25px 22px}.acdt-v2 .acdt-inner{flex-direction:column;align-items:stretch;gap:18px}.acdt-v2 .acdt-title{width:100%;font-size:14px}.acdt-v2 .acdt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.acdt-v2 .acdt-symbol{font-size:19px}}\n@media(prefers-reduced-motion:reduce){.acdt-v2 .acdt-item{transition:none}}\n\n<\/style>\n<section class=\"acd-trust acdt-v2\" data-brand=\"airsang\">\n <div class=\"acdt-inner\">\n  <h2 class=\"acdt-title\">Covering mainstream website development and front-end technology<\/h2>\n  <div class=\"acdt-grid\">\n       <div class=\"acdt-item\">\n     <span class=\"acdt-symbol\" aria-hidden=\"true\">S<\/span>     <span class=\"acdt-label\">Shopify<\/span>\n    <\/div>\n       <div class=\"acdt-item\">\n     <span class=\"acdt-symbol\" aria-hidden=\"true\">W<\/span>     <span class=\"acdt-label\">\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633<\/span>\n    <\/div>\n       <div class=\"acdt-item\">\n     <span class=\"acdt-symbol\" aria-hidden=\"true\">php<\/span>     <span class=\"acdt-label\">PHP<\/span>\n    <\/div>\n       <div class=\"acdt-item\">\n     <span class=\"acdt-symbol\" aria-hidden=\"true\">{ }<\/span>     <span class=\"acdt-label\">\u0633\u0627\u0626\u0644<\/span>\n    <\/div>\n       <div class=\"acdt-item\">\n     <span class=\"acdt-symbol\" aria-hidden=\"true\">&lt;\/&gt;<\/span>     <span class=\"acdt-label\">HTML\/CSS<\/span>\n    <\/div>\n       <div class=\"acdt-item\">\n     <span class=\"acdt-symbol\" aria-hidden=\"true\">JS<\/span>     <span class=\"acdt-label\">JavaScript<\/span>\n    <\/div>\n     <\/div>\n <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300003 elementor-widget elementor-widget-airsang-code-development-problems\" data-id=\"v300003\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-problems.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:where(.elementor-element-v300003) .acd-root{padding:92px 24px;color:#101c2b;font-family:Inter,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;line-height:1.65;background:linear-gradient(180deg,#f7f9fc,#fff);--hover-distance:5px}:where(.elementor-element-v300003) .acd-root *,:where(.elementor-element-v300003) .acd-root *:before{box-sizing:border-box}:where(.elementor-element-v300003) .acd-inner{max-width:1280px;margin:0 auto}:where(.elementor-element-v300003) .acd-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}:where(.elementor-element-v300003) .acd-heading-group{flex:1;min-width:0}:where(.elementor-element-v300003) .acd-ey{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800}:where(.elementor-element-v300003) .acd-ey:before{content:\"\";display:block;width:4px;height:18px;flex-shrink:0;border-radius:4px;background:#ff7a00}:where(.elementor-element-v300003) .acd-title{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere}:where(.elementor-element-v300003) .acd-highlight{color:#ff7a00}:where(.elementor-element-v300003) .acd-description{max-width:430px;flex:0 1 38%;color:#647184;font-size:16px}:where(.elementor-element-v300003) .acd-description p,:where(.elementor-element-v300003) .acd-card-description p{margin:0 0 8px}:where(.elementor-element-v300003) .acd-description p:last-child,:where(.elementor-element-v300003) .acd-card-description p:last-child{margin-bottom:0}:where(.elementor-element-v300003) .acd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}:where(.elementor-element-v300003) .acd-card{min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:28px;box-shadow:0 8px 28px #12213109;transition:transform .3s,box-shadow .3s,border-color .3s}:where(.elementor-element-v300003) .acd-hover .acd-card:hover{transform:translateY(calc(-1 * var(--hover-distance)));box-shadow:0 18px 55px #17223117}:where(.elementor-element-v300003) .acd-marker{width:46px;height:46px;border-radius:14px;background:#fff7e8;color:#ff7a00;display:grid;place-items:center;font-size:21px;font-weight:900;margin-bottom:20px;font-style:normal}:where(.elementor-element-v300003) .acd-marker svg{width:1em;height:1em;fill:currentColor}:where(.elementor-element-v300003) .acd-card-title{font-size:19px;font-weight:800;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}:where(.elementor-element-v300003) .acd-card-description{font-size:14px;color:#647184;overflow-wrap:anywhere} @media(max-width:1024px){:where(.elementor-element-v300003) .acd-root{padding:68px 24px}:where(.elementor-element-v300003) .acd-head{flex-direction:column;align-items:stretch}:where(.elementor-element-v300003) .acd-description{max-width:none;flex:auto}:where(.elementor-element-v300003) .acd-title{font-size:34px}:where(.elementor-element-v300003) .acd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){:where(.elementor-element-v300003) .acd-root{padding:54px 16px}:where(.elementor-element-v300003) .acd-title{font-size:28px;letter-spacing:-.7px}:where(.elementor-element-v300003) .acd-grid{grid-template-columns:1fr}:where(.elementor-element-v300003) .acd-card{padding:24px}} @media(prefers-reduced-motion:reduce){:where(.elementor-element-v300003) .acd-card{transition:none}:where(.elementor-element-v300003) .acd-hover .acd-card:hover{transform:none}}\r\n<\/style><section class=\"acd-root acd-problems\" data-brand=\"airsang\" id=\"problems\"><div class=\"acd-inner\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-ey\">Frequently Asked Questions<\/span><h2 class=\"acd-title\">What really limits website growth is often not the number of pages<\/h2><\/div><div class=\"acd-description\">Templates can be launched quickly, but when a brand enters the ongoing operation stage, editability, reusability, performance and expansion boundaries are more important.<\/div><\/div><div class=\"acd-grid\"><article class=\"acd-card elementor-repeater-item-c9c61e5\"><div class=\"acd-marker\" aria-hidden=\"true\">\u25b1<\/div><h3 class=\"acd-card-title\">The page is written to death<\/h3><div class=\"acd-card-description\">The event page is modified from scratch every time, and the operations team cannot flexibly combine content in the background.<\/div><\/article><article class=\"acd-card elementor-repeater-item-b3ba75e\"><div class=\"acd-marker\" aria-hidden=\"true\">&lt;\/&gt;<\/div><h3 class=\"acd-card-title\">Functions cannot keep up with business<\/h3><div class=\"acd-card-description\">The theme's native capabilities are limited, and product, customer inquiry, filtering or interaction logic cannot match the business process.<\/div><\/article><article class=\"acd-card elementor-repeater-item-36fa26f\"><div class=\"acd-marker\" aria-hidden=\"true\">\u2723<\/div><h3 class=\"acd-card-title\">The more plug-ins you install, the more plug-ins you install.<\/h3><div class=\"acd-card-description\">Plug-ins are constantly added to supplement functions, which increases maintenance complexity, compatibility risks, and loading burden.<\/div><\/article><article class=\"acd-card elementor-repeater-item-8f10914\"><div class=\"acd-marker\" aria-hidden=\"true\">\u21bb<\/div><h3 class=\"acd-card-title\">The revised version cannot be reused<\/h3><div class=\"acd-card-description\">The old page has no componentization, and the new page cannot quickly reuse the verified content structure.<\/div><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300004 elementor-widget elementor-widget-airsang-code-development-services\" data-id=\"v300004\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-services.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:where(.elementor-element-v300004) .acd-root{padding:92px 24px;color:#101c2b;font-family:Inter,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;line-height:1.65;background:#fff;--hover-distance:5px}:where(.elementor-element-v300004) .acd-root *,:where(.elementor-element-v300004) .acd-root *:before{box-sizing:border-box}:where(.elementor-element-v300004) .acd-inner{max-width:1280px;margin:0 auto}:where(.elementor-element-v300004) .acd-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}:where(.elementor-element-v300004) .acd-heading-group{flex:1;min-width:0}:where(.elementor-element-v300004) .acd-ey{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800}:where(.elementor-element-v300004) .acd-ey:before{content:\"\";display:block;width:4px;height:18px;flex-shrink:0;border-radius:4px;background:#ff7a00}:where(.elementor-element-v300004) .acd-title{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere}:where(.elementor-element-v300004) .acd-highlight{color:#ff7a00}:where(.elementor-element-v300004) .acd-description{max-width:430px;flex:0 1 38%;color:#647184;font-size:16px}:where(.elementor-element-v300004) .acd-description p,:where(.elementor-element-v300004) .acd-card-description p{margin:0 0 8px}:where(.elementor-element-v300004) .acd-description p:last-child,:where(.elementor-element-v300004) .acd-card-description p:last-child{margin-bottom:0}:where(.elementor-element-v300004) .acd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}:where(.elementor-element-v300004) .acd-card{min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:28px;box-shadow:0 8px 28px #12213109;transition:transform .3s,box-shadow .3s,border-color .3s}:where(.elementor-element-v300004) .acd-hover .acd-card:hover{transform:translateY(calc(-1 * var(--hover-distance)));box-shadow:0 18px 55px #17223117}:where(.elementor-element-v300004) .acd-marker{width:46px;height:46px;border-radius:14px;background:#fff7e8;color:#ff7a00;display:grid;place-items:center;font-size:21px;font-weight:900;margin-bottom:20px;font-style:normal}:where(.elementor-element-v300004) .acd-marker svg{width:1em;height:1em;fill:currentColor}:where(.elementor-element-v300004) .acd-card-title{font-size:19px;font-weight:800;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}:where(.elementor-element-v300004) .acd-card-description{font-size:14px;color:#647184;overflow-wrap:anywhere}:where(.elementor-element-v300004) .acd-services-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}:where(.elementor-element-v300004) .acd-main{padding:38px;border-radius:28px;background:linear-gradient(135deg,#172231,#26364a);color:#fff;min-width:0}:where(.elementor-element-v300004) .acd-main .acd-ey{color:#fff}:where(.elementor-element-v300004) .acd-main-title{font-size:32px;font-weight:800;line-height:1.2;margin:10px 0;color:#fff}:where(.elementor-element-v300004) .acd-main-description{color:#c7d0da;font-size:16px}:where(.elementor-element-v300004) .acd-main-description p{margin:0 0 12px}:where(.elementor-element-v300004) .acd-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;font-size:13px;color:#cbd5df}:where(.elementor-element-v300004) .acd-feature:before{content:\"\u2713\";color:#ffb64c;margin-right:8px}:where(.elementor-element-v300004) .acd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}:where(.elementor-element-v300004) .acd-tag{padding:9px;border:1px solid #ffffff21;border-radius:9px;background:#ffffff0f;font-size:12px;color:#fff}:where(.elementor-element-v300004) .acd-first-wide .acd-card:first-child{grid-column:1\/-1} @media(max-width:1024px){:where(.elementor-element-v300004) .acd-root{padding:68px 24px}:where(.elementor-element-v300004) .acd-head{flex-direction:column;align-items:stretch}:where(.elementor-element-v300004) .acd-description{max-width:none;flex:auto}:where(.elementor-element-v300004) .acd-title{font-size:34px}:where(.elementor-element-v300004) .acd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.elementor-element-v300004) .acd-services-grid{grid-template-columns:1fr}} @media(max-width:767px){:where(.elementor-element-v300004) .acd-root{padding:54px 16px}:where(.elementor-element-v300004) .acd-title{font-size:28px;letter-spacing:-.7px}:where(.elementor-element-v300004) .acd-grid{grid-template-columns:1fr}:where(.elementor-element-v300004) .acd-card{padding:24px}:where(.elementor-element-v300004) .acd-main{padding:26px}:where(.elementor-element-v300004) .acd-main-title{font-size:28px}:where(.elementor-element-v300004) .acd-features{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){:where(.elementor-element-v300004) .acd-card{transition:none}:where(.elementor-element-v300004) .acd-hover .acd-card:hover{transform:none}}<\/style><section class=\"acd-root acd-services\" data-brand=\"airsang\" id=\"services\"><div class=\"acd-inner\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-ey\">Core services<\/span><h2 class=\"acd-title\">From theme to function, around<span class=\"acd-highlight\">Real business scenarios<\/span>develop<\/h2><\/div><div class=\"acd-description\">The point is not to pile up technical terms, but to accumulate development capabilities into website modules that customers can actually use, manage and expand in the future.<\/div><\/div><div class=\"acd-services-grid acd-first-wide\"><article class=\"acd-main\"><span class=\"acd-ey\">Key capabilities<\/span><h3 class=\"acd-main-title\">Shopify Liquid theme and feature development<\/h3><div class=\"acd-main-description\">Configurable Sections, Blocks, Snippets and templates are developed based on the Shopify theme architecture, allowing merchants to complete content combination in the Theme Editor instead of having to find developers every time they change the page.<\/div><div class=\"acd-features\"><span class=\"acd-feature\">Custom Sections \/ Blocks<\/span><span class=\"acd-feature\">JSON Templates<\/span><span class=\"acd-feature\">Metafields \/ Metaobjects<\/span><span class=\"acd-feature\">Product\/Collection Template<\/span><span class=\"acd-feature\">Cart \/ UX function optimization<\/span><span class=\"acd-feature\">Third-party application front-end adaptation<\/span><\/div><div class=\"acd-tags\"><span class=\"acd-tag\">\u0633\u0627\u0626\u0644<\/span><span class=\"acd-tag\">Theme Editor<\/span><span class=\"acd-tag\">\u0645\u062e\u0637\u0637<\/span><span class=\"acd-tag\">HTML \/ CSS \/ JS<\/span><\/div><\/article><div class=\"acd-grid\"><article class=\"acd-card elementor-repeater-item-bfb5824\"><div class=\"acd-marker\" aria-hidden=\"true\">W<\/div><h3 class=\"acd-card-title\">WordPress PHP customization<\/h3><div class=\"acd-card-description\">Build custom functionality, widgets, dynamic content and template capabilities around WordPress \/ Elementor \/ WooCommerce.<\/div><\/article><article class=\"acd-card elementor-repeater-item-94bb15d\"><div class=\"acd-marker\" aria-hidden=\"true\">&lt;\/&gt;<\/div><h3 class=\"acd-card-title\">Front-end interactive development<\/h3><div class=\"acd-card-description\">HTML, CSS, JavaScript responsive layout, animation and page interaction.<\/div><\/article><article class=\"acd-card elementor-repeater-item-a7f3a9a\"><div class=\"acd-marker\" aria-hidden=\"true\">\u2194<\/div><h3 class=\"acd-card-title\">System and API connection<\/h3><div class=\"acd-card-description\">Connect forms, CRM, email, payment or business interfaces according to project needs.<\/div><\/article><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300005 elementor-widget elementor-widget-airsang-code-development-reuse\" data-id=\"v300005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-reuse.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <style>.ac-reuse{--accent:#ff7a00;--gold:#f59e10;--ink:#101c2b;--muted:#647184;--line:#e8edf3;--dark:#172231;--surface:#fff;--soft:#fff7e8;padding:92px 24px;color:var(--ink);font-family:Inter,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;line-height:1.65}.ac-reuse *{box-sizing:border-box}.ac-reuse .wrap{max-width:1280px;margin:auto}.ac-reuse button{font:inherit;cursor:pointer;color:inherit}.ac-reuse button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.ac-reuse .ey{font-size:14px;font-weight:800;display:flex;align-items:center;gap:9px}.ac-reuse .ey:before{content:\"\";width:4px;height:18px;background:var(--gold);border-radius:4px}.ac-reuse .heading{font-size:42px;line-height:1.2;letter-spacing:-1.6px;margin:12px 0 16px;font-weight:800}.ac-reuse .orange{color:var(--accent)}.ac-reuse .description{color:var(--muted);font-size:16px;margin:0}.ac-reuse .detail{font-size:13px}.ac-reuse .item-title{font-size:16px;font-weight:800}.ac-reuse [hidden]{display:none!important}@media(max-width:1024px){.ac-reuse{padding:72px 24px}.ac-reuse .heading{font-size:36px}}@media(max-width:767px){.ac-reuse{padding:64px 14px}.ac-reuse .heading{font-size:30px;letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.ac-reuse *,.ac-reuse *:before,.ac-reuse *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ac-reuse{background:linear-gradient(180deg,#f7f9fc,#fff)}.ac-reuse .main-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.ac-reuse .main-grid>*{min-width:0}.ac-reuse .tabbar{display:flex;gap:8px;margin:26px 0}.ac-reuse .tabbtn{border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:10px;font-weight:800}.ac-reuse .tabbtn[aria-selected=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.ac-reuse .features{display:grid;gap:12px}.ac-reuse .feature{display:flex;gap:12px}.ac-reuse .check{display:grid;place-items:center;flex:0 0 20px;height:20px;background:var(--soft);color:var(--accent);border-radius:50%;margin-top:4px;font-size:12px}.ac-reuse .feature small{display:block;color:var(--muted)}.ac-reuse .reusevis{background:#f5f7fa;border:1px solid var(--line);border-radius:28px;padding:26px;display:grid;grid-template-columns:155px minmax(0,1fr);gap:16px;min-height:500px}.ac-reuse .library,.ac-reuse .canvas{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0}.ac-reuse .library{padding:14px}.ac-reuse .library h3{font-size:11px;margin:0 0 12px}.ac-reuse .module{display:flex;align-items:center;text-align:left;width:100%;gap:7px;border:1px solid var(--line);border-radius:11px;padding:10px 7px;margin:8px 0;font-size:10px;background:var(--surface);line-height:1.4}.ac-reuse .module i{flex:0 0 15px;height:18px;border-radius:5px;background:var(--soft)}.ac-reuse .module[aria-pressed=true]{border-color:var(--gold);background:var(--soft)}.ac-reuse .canvas{overflow:hidden;align-self:center}.ac-reuse .canvastop{min-height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;font-size:9px;color:var(--muted)}.ac-reuse .canvaspage{padding:14px}.ac-reuse .cs{border:2px dashed #d7dee7;border-radius:12px;padding:10px;margin-bottom:10px}.ac-reuse .cs:last-child{margin-bottom:0}.ac-reuse .cs.active{border:2px solid var(--gold);box-shadow:0 0 0 4px #f59e1014}.ac-reuse .clabel{font-size:8px;color:var(--muted);margin-bottom:6px}.ac-reuse .chero{height:105px;border-radius:9px;background:#f4eee6;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.ac-reuse .clines span{display:block;height:7px;border-radius:9px;background:var(--ink);margin-bottom:7px}.ac-reuse .clines span:nth-child(2){width:75%;background:#aab3bd}.ac-reuse .clines span:nth-child(3){width:45%;background:var(--gold)}.ac-reuse .cimg{border-radius:8px;background:#ddcdbd}.ac-reuse .crow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ac-reuse .crow i{height:62px;background:#f3f5f7;border-radius:8px}.ac-reuse[data-motion=yes] .canvas.pulse{animation:ac-reuse-pulse .45s ease}@keyframes ac-reuse-pulse{50%{box-shadow:0 0 0 6px #f59e1020}}@media(max-width:1024px){.ac-reuse .main-grid{grid-template-columns:1fr}.ac-reuse .reusevis{grid-template-columns:155px 1fr;min-height:420px}}@media(max-width:767px){.ac-reuse .reusevis{grid-template-columns:1fr;padding:16px;min-height:0}.ac-reuse .library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.ac-reuse .library h3{grid-column:1\/-1;margin:0}.ac-reuse .module{margin:0;font-size:10px;padding:8px 5px}.ac-reuse .module i{display:none}.ac-reuse .canvas{width:100%}}<\/style>\n <section class=\"ac-reuse\" id=\"reuse\" data-brand=\"airsang\" data-motion=\"yes\"><div class=\"wrap main-grid\"><div class=\"reusecopy\"><span class=\"ey\">core differentiation<\/span><h2 class=\"heading\">Develop once,<span class=\"orange\">Multiple page reuse<\/span><\/h2><p class=\"description\">We prioritize making commonly used content into backend configurable components. Marketers can change text, images, order, and styling options; developers only step in when new logic is truly needed.<\/p><div class=\"tabbar\" role=\"tablist\" aria-label=\"Platform capabilities\"><button type=\"button\" class=\"tabbtn\" role=\"tab\" data-tab=\"shopify\" id=\"ac-reuse-v300005-tab-shopify\" aria-controls=\"ac-reuse-v300005-panel-shopify\" aria-selected=\"true\" tabindex=\"0\">Shopify<\/button><button type=\"button\" class=\"tabbtn\" role=\"tab\" data-tab=\"wordpress\" id=\"ac-reuse-v300005-tab-wordpress\" aria-controls=\"ac-reuse-v300005-panel-wordpress\" aria-selected=\"false\" tabindex=\"-1\">\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633<\/button><\/div><div class=\"features\" role=\"tabpanel\" id=\"ac-reuse-v300005-panel-shopify\" aria-labelledby=\"ac-reuse-v300005-tab-shopify\" data-panel=\"shopify\" ><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">Section \/ Block componentization<\/b><small class=\"detail\">The background can add, delete, sort and configure<\/small><\/div><\/div><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">Theme Editor visual editing<\/b><small class=\"detail\">Operators do not need to modify Liquid<\/small><\/div><\/div><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">Schema parameter design<\/b><small class=\"detail\">Text, pictures, spacing, colors, etc. are available on demand<\/small><\/div><\/div><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">Reuse across templates<\/b><small class=\"detail\">Product page, collection page, content page sharing module<\/small><\/div><\/div><\/div><div class=\"features\" role=\"tabpanel\" id=\"ac-reuse-v300005-panel-wordpress\" aria-labelledby=\"ac-reuse-v300005-tab-wordpress\" data-panel=\"wordpress\" hidden><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">Custom Widget \/ Block<\/b><small class=\"detail\">Build reusable components based on the editor environment<\/small><\/div><\/div><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">PHP Templates and Hooks<\/b><small class=\"detail\">Put business logic into the appropriate extension layer<\/small><\/div><\/div><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">Dynamic content structure<\/b><small class=\"detail\">Combine organizational content such as CPT \/ ACF \/ WooCommerce etc.<\/small><\/div><\/div><div class=\"feature\"><span class=\"check\" aria-hidden=\"true\">\u2713<\/span><div><b class=\"item-title\">unified style system<\/b><small class=\"detail\">Reduce page duplication configuration and visual drift<\/small><\/div><\/div><\/div><\/div><div class=\"reusevis major-card\"><div class=\"library\"><h3>MODULE LIBRARY<\/h3><button type=\"button\" class=\"module\" data-target=\"0\" aria-pressed=\"true\"><i aria-hidden=\"true\"><\/i>\u0631\u0627\u064a\u0629 \u0627\u0644\u0628\u0637\u0644<\/button><button type=\"button\" class=\"module\" data-target=\"1\" aria-pressed=\"false\"><i aria-hidden=\"true\"><\/i>\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/button><button type=\"button\" class=\"module\" data-target=\"2\" aria-pressed=\"false\"><i aria-hidden=\"true\"><\/i>Image + Text<\/button><button type=\"button\" class=\"module\" data-target=\"0\" aria-pressed=\"false\"><i aria-hidden=\"true\"><\/i>\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a<\/button><button type=\"button\" class=\"module\" data-target=\"1\" aria-pressed=\"false\"><i aria-hidden=\"true\"><\/i>CTA<\/button><button type=\"button\" class=\"module\" data-target=\"2\" aria-pressed=\"false\"><i aria-hidden=\"true\"><\/i>\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a<\/button><\/div><div class=\"canvas\"><div class=\"canvastop\"><span>Visual Editor<\/span><span>Desktop \u25be<\/span><\/div><div class=\"canvaspage\"><div class=\"cs active\" data-canvas=\"0\"><div class=\"clabel\">Hero Section \u00b7 editable<\/div><div class=\"chero\" aria-hidden=\"true\"><div class=\"clines\"><span><\/span><span><\/span><span><\/span><\/div><div class=\"cimg\"><\/div><\/div><\/div><div class=\"cs\" data-canvas=\"1\"><div class=\"clabel\">Reusable Cards<\/div><div class=\"crow\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div><\/div><div class=\"cs\" data-canvas=\"2\"><div class=\"clabel\">FAQ \/ Content Block<\/div><div class=\"crow\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n <script>(()=>{if(window.airsangReuseDelegatedV3)return;window.airsangReuseDelegatedV3=true;const select=(root,b)=>{root.querySelectorAll('[role=tab]').forEach(x=>{const active=x===b;x.setAttribute('aria-selected',active?'true':'false');x.tabIndex=active?0:-1});root.querySelectorAll('[data-panel]').forEach(x=>x.hidden=x.dataset.panel!==b.dataset.tab)};document.addEventListener('click',e=>{const b=e.target.closest('.ac-reuse .tabbtn,.ac-reuse .module');if(!b)return;const root=b.closest('.ac-reuse');if(b.matches('.tabbtn')){select(root,b);return}root.querySelectorAll('.module').forEach(x=>x.setAttribute('aria-pressed',x===b?'true':'false'));root.querySelectorAll('.cs').forEach(x=>x.classList.toggle('active',x.dataset.canvas===b.dataset.target));const c=root.querySelector('.canvas');c.classList.remove('pulse');void c.offsetWidth;c.classList.add('pulse')});document.addEventListener('keydown',e=>{const b=e.target.closest('.ac-reuse [role=tab]');if(!b||!['ArrowLeft','ArrowRight','Home','End'].includes(e.key))return;e.preventDefault();const root=b.closest('.ac-reuse'),tabs=[...root.querySelectorAll('[role=tab]')],i=tabs.indexOf(b),next=e.key==='Home'?0:e.key==='End'?tabs.length-1:(i+(e.key==='ArrowRight'?1:-1)+tabs.length)%tabs.length;select(root,tabs[next]);tabs[next].focus()})})();<\/script>\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300006 elementor-widget elementor-widget-airsang-code-development-tech\" data-id=\"v300006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-tech.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <style>.ac-tech{--accent:#ff7a00;--gold:#f59e10;--ink:#101c2b;--muted:#647184;--line:#e8edf3;--dark:#172231;--surface:#fff;--soft:#fff7e8;padding:92px 24px;color:var(--ink);font-family:Inter,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;line-height:1.65}.ac-tech *{box-sizing:border-box}.ac-tech .wrap{max-width:1280px;margin:auto}.ac-tech button{font:inherit;cursor:pointer;color:inherit}.ac-tech button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.ac-tech .ey{font-size:14px;font-weight:800;display:flex;align-items:center;gap:9px}.ac-tech .ey:before{content:\"\";width:4px;height:18px;background:var(--gold);border-radius:4px}.ac-tech .heading{font-size:42px;line-height:1.2;letter-spacing:-1.6px;margin:12px 0 16px;font-weight:800}.ac-tech .orange{color:var(--accent)}.ac-tech .description{color:var(--muted);font-size:16px;margin:0}.ac-tech .detail{font-size:13px}.ac-tech .item-title{font-size:16px;font-weight:800}.ac-tech [hidden]{display:none!important}@media(max-width:1024px){.ac-tech{padding:72px 24px}.ac-tech .heading{font-size:36px}}@media(max-width:767px){.ac-tech{padding:64px 14px}.ac-tech .heading{font-size:30px;letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.ac-tech *,.ac-tech *:before,.ac-tech *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ac-tech .head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.ac-tech .head>div{max-width:720px}.ac-tech .head>.description{max-width:420px}.ac-tech .main-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px}.ac-tech .main-grid>*{min-width:0}.ac-tech .techpanel{background:var(--dark);color:#fff;border-radius:28px;padding:34px}.ac-tech .techpanel h3{font-size:28px;margin:0 0 8px;color:inherit}.ac-tech .techpanel>p{color:#b8c4d0;margin:0}.ac-tech .techcols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.ac-tech .techcol{border:1px solid #ffffff1a;border-radius:16px;padding:18px;overflow-wrap:anywhere}.ac-tech .techcol b{display:block;margin-bottom:10px;color:#fff}.ac-tech .techcol span{display:block;color:#c5ced8;font-size:13px;padding:5px 0}.ac-tech .techcol:hover{border-color:var(--gold);background:#ffffff05}.ac-tech .arch{border:1px solid var(--line);border-radius:28px;padding:20px;background:radial-gradient(circle at 50% 50%,var(--soft),transparent 48%),var(--surface);display:grid;align-items:center;min-height:520px;overflow:hidden}.ac-tech .integration-map{position:relative;width:100%;height:440px}.ac-tech .integration-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ac-tech .flow-line{fill:none;stroke:#d8e0e8;stroke-width:1.5;stroke-dasharray:5 7}.ac-tech .flow-line.hot,.ac-tech .flow-line.active{stroke:var(--gold);stroke-width:2.5}.ac-tech .system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--surface);border:1px solid #f2d19d;box-shadow:0 24px 60px #17223114;z-index:2;padding:10px}.ac-tech .system-core:before,.ac-tech .system-core:after{content:\"\";position:absolute;border:1px solid #f4d8ad;border-radius:50%;inset:-17px;pointer-events:none}.ac-tech .system-core:after{inset:-34px}.ac-tech .core-icon{width:44px;height:44px;margin:0 auto 8px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--accent);font-weight:900;font-size:20px}.ac-tech .system-core b{display:block;font-size:16px}.ac-tech .system-core small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.ac-tech .int-node{position:absolute;width:125px;min-height:60px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 10px 28px #1722310b;z-index:3;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;text-align:left;line-height:1.5}.ac-tech .int-node i{width:28px;height:30px;flex:0 0 28px;border-radius:9px;background:#f7f9fb;display:grid;place-items:center;color:var(--accent);font-style:normal}.ac-tech .int-node:hover,.ac-tech .int-node:focus-visible,.ac-tech .int-node.active{border-color:var(--gold);box-shadow:0 18px 38px #17223116}.ac-tech .n1{left:2%;top:5%}.ac-tech .n2{left:0;top:43%}.ac-tech .n3{left:3%;bottom:6%}.ac-tech .n4{right:2%;top:5%}.ac-tech .n5{right:0;top:43%}.ac-tech .n6{right:3%;bottom:6%}.ac-tech .arch-caption{position:absolute;left:0;right:0;bottom:-5px;font-size:10px;color:var(--muted);text-align:center;line-height:1.5}.ac-tech[data-motion=yes] .flow-line{animation:ac-tech-flow 8s linear infinite}.ac-tech[data-motion=yes] .int-node{transition:transform .25s,box-shadow .25s}.ac-tech[data-motion=yes] .int-node:hover{transform:translateY(-4px)}.ac-tech[data-motion=yes] .system-core:before{animation:ac-tech-core 3s ease-out infinite}.ac-tech[data-motion=yes] .system-core:after{animation:ac-tech-core 3s 1.3s ease-out infinite}@keyframes ac-tech-flow{to{stroke-dashoffset:-96}}@keyframes ac-tech-core{50%{opacity:.25}}.ac-tech .integration-map.extra-nodes{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ac-tech .extra-nodes>svg{display:none}.ac-tech .extra-nodes .system-core{position:relative;left:auto;top:auto;transform:none;width:auto;height:auto;border-radius:18px;grid-column:1\/-1;padding:22px}.ac-tech .extra-nodes .system-core:before,.ac-tech .extra-nodes .system-core:after{display:none}.ac-tech .extra-nodes .int-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.ac-tech .extra-nodes .arch-caption{position:relative;grid-column:1\/-1;bottom:auto}@media(max-width:1100px){.ac-tech .main-grid{grid-template-columns:1fr}.ac-tech .integration-map{max-width:700px;margin:auto}.ac-tech .head{display:block}.ac-tech .head>.description{max-width:700px}}@media(max-width:767px){.ac-tech .techpanel{padding:24px}.ac-tech .techcols{grid-template-columns:1fr;gap:12px}.ac-tech .arch{padding:18px;min-height:0}.ac-tech .integration-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ac-tech .integration-map>svg{display:none}.ac-tech .system-core{position:relative;left:auto;top:auto;transform:none;width:auto;height:auto;border-radius:18px;grid-column:1\/-1;padding:22px}.ac-tech .system-core:before,.ac-tech .system-core:after{display:none}.ac-tech .int-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:60px}.ac-tech .arch-caption{position:relative;grid-column:1\/-1;bottom:auto;margin-top:8px}.ac-tech .head{margin-bottom:26px}}<\/style>\n <section class=\"ac-tech\" id=\"tech\" data-brand=\"airsang\" data-motion=\"yes\"><div class=\"wrap\"><div class=\"head\"><div><span class=\"ey\">technical ability<\/span><h2 class=\"heading\">Platform native capabilities + necessary custom code<\/h2><\/div><p class=\"description\">Prioritize the use of the existing mechanisms of the platform, and then add the functions that are really needed to avoid stacking too many dependencies for a small function.<\/p><\/div><div class=\"main-grid\"><article class=\"techpanel major-card\"><h3>Develop technology stack<\/h3><p>Common development capabilities for Shopify, WordPress, and standalone front-end pages.<\/p><div class=\"techcols\"><div class=\"techcol\"><b class=\"item-title\">Shopify<\/b><span class=\"detail\">Liquid \/ JSON Templates<\/span><span class=\"detail\">Sections \/ Blocks \/ Snippets<\/span><span class=\"detail\">Metafields \/ Metaobjects<\/span><span class=\"detail\">Theme CSS \/ JavaScript<\/span><\/div><div class=\"techcol\"><b class=\"item-title\">\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633<\/b><span class=\"detail\">PHP\/Hooks\/Templates<\/span><span class=\"detail\">Elementor Widgets<\/span><span class=\"detail\">Custom Post Type\/ACF<\/span><span class=\"detail\">WooCommerce extension<\/span><\/div><div class=\"techcol\"><b class=\"item-title\">Front-end<\/b><span class=\"detail\">HTML5 \/ CSS3<\/span><span class=\"detail\">JavaScript \/ DOM<\/span><span class=\"detail\">Responsive Layout<\/span><span class=\"detail\">Micro Interactions<\/span><\/div><div class=\"techcol\"><b class=\"item-title\">Quality<\/b><span class=\"detail\">Cross-end adaptation<\/span><span class=\"detail\">Basic performance optimization<\/span><span class=\"detail\">Compatibility check<\/span><span class=\"detail\">QA before going online<\/span><\/div><\/div><\/article><article class=\"arch major-card\" aria-label=\"Website system\"><div class=\"integration-map\"><svg viewbox=\"0 0 600 440\" preserveaspectratio=\"none\" aria-hidden=\"true\"><path class=\"flow-line hot\" data-line=\"0\" d=\"M80 50 C170 60 200 150 300 220\"\/><path class=\"flow-line\" data-line=\"1\" d=\"M65 240 L300 220\"\/><path class=\"flow-line\" data-line=\"2\" d=\"M80 380 C170 370 210 280 300 220\"\/><path class=\"flow-line hot\" data-line=\"3\" d=\"M520 50 C430 60 400 150 300 220\"\/><path class=\"flow-line\" data-line=\"4\" d=\"M535 240 L300 220\"\/><path class=\"flow-line\" data-line=\"5\" d=\"M520 380 C430 370 390 280 300 220\"\/><\/svg><div class=\"system-core\"><div><div class=\"core-icon\">&lt;\/&gt;<\/div><b>Website system<\/b><small>Reusable UI + Business Logic<\/small><\/div><\/div><button type=\"button\" class=\"int-node n1\" data-node=\"0\" aria-pressed=\"false\"><i aria-hidden=\"true\">\u25a3<\/i><span>Payment \/ Form<\/span><\/button><button type=\"button\" class=\"int-node n2\" data-node=\"1\" aria-pressed=\"false\"><i aria-hidden=\"true\">\u2709<\/i><span>Mail service<\/span><\/button><button type=\"button\" class=\"int-node n3\" data-node=\"2\" aria-pressed=\"false\"><i aria-hidden=\"true\">\u25a5<\/i><span>data analysis<\/span><\/button><button type=\"button\" class=\"int-node n4\" data-node=\"3\" aria-pressed=\"false\"><i aria-hidden=\"true\">\u25ce<\/i><span>CRM \/ ERP<\/span><\/button><button type=\"button\" class=\"int-node n5\" data-node=\"4\" aria-pressed=\"false\"><i aria-hidden=\"true\">\u2318<\/i><span>Third-party applications<\/span><\/button><button type=\"button\" class=\"int-node n6\" data-node=\"5\" aria-pressed=\"false\"><i aria-hidden=\"true\">\u2197<\/i><span>Social Media\/Marketing<\/span><\/button><div class=\"arch-caption\">Data and functions flow in both directions around the core of the website \u00b7 Hover to view the connection status<\/div><\/div><\/article><\/div><\/div><\/section>\n <script>(()=>{if(window.airsangTechDelegatedV3)return;window.airsangTechDelegatedV3=true;const activate=(node)=>{const root=node.closest('.ac-tech');root.querySelectorAll('[data-node]').forEach(x=>{x.classList.toggle('active',x===node);x.setAttribute('aria-pressed',x===node?'true':'false')});root.querySelectorAll('[data-line]').forEach(x=>x.classList.toggle('active',x.dataset.line===node.dataset.node))};['pointerover','focusin','click'].forEach(type=>document.addEventListener(type,e=>{const node=e.target.closest('.ac-tech [data-node]');if(node)activate(node)}));document.addEventListener('pointerout',e=>{const map=e.target.closest('.ac-tech .integration-map');if(map&&!map.contains(e.relatedTarget)&&!map.contains(document.activeElement)){map.querySelectorAll('.active').forEach(x=>x.classList.remove('active'));map.querySelectorAll('[data-node]').forEach(x=>x.setAttribute('aria-pressed','false'))}});document.addEventListener('focusout',e=>{const map=e.target.closest('.ac-tech .integration-map');if(map&&!map.contains(e.relatedTarget)){map.querySelectorAll('.active').forEach(x=>x.classList.remove('active'));map.querySelectorAll('[data-node]').forEach(x=>x.setAttribute('aria-pressed','false'))}})})();<\/script>\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300007 elementor-widget elementor-widget-airsang-code-development-scenarios\" data-id=\"v300007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-scenarios.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:where(.elementor-element-v300007) .acd-root{padding:92px 24px;color:#101c2b;font-family:Inter,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;line-height:1.65;background:linear-gradient(180deg,#f7f9fc,#fff);--hover-distance:5px}:where(.elementor-element-v300007) .acd-root *,:where(.elementor-element-v300007) .acd-root *:before{box-sizing:border-box}:where(.elementor-element-v300007) .acd-inner{max-width:1280px;margin:0 auto}:where(.elementor-element-v300007) .acd-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}:where(.elementor-element-v300007) .acd-heading-group{flex:1;min-width:0}:where(.elementor-element-v300007) .acd-ey{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800}:where(.elementor-element-v300007) .acd-ey:before{content:\"\";display:block;width:4px;height:18px;flex-shrink:0;border-radius:4px;background:#ff7a00}:where(.elementor-element-v300007) .acd-title{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere}:where(.elementor-element-v300007) .acd-highlight{color:#ff7a00}:where(.elementor-element-v300007) .acd-description{max-width:430px;flex:0 1 38%;color:#647184;font-size:16px}:where(.elementor-element-v300007) .acd-description p,:where(.elementor-element-v300007) .acd-card-description p{margin:0 0 8px}:where(.elementor-element-v300007) .acd-description p:last-child,:where(.elementor-element-v300007) .acd-card-description p:last-child{margin-bottom:0}:where(.elementor-element-v300007) .acd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}:where(.elementor-element-v300007) .acd-card{min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:28px;box-shadow:0 8px 28px #12213109;transition:transform .3s,box-shadow .3s,border-color .3s}:where(.elementor-element-v300007) .acd-hover .acd-card:hover{transform:translateY(calc(-1 * var(--hover-distance)));box-shadow:0 18px 55px #17223117}:where(.elementor-element-v300007) .acd-marker{width:46px;height:46px;border-radius:14px;background:#fff7e8;color:#ff7a00;display:grid;place-items:center;font-size:21px;font-weight:900;margin-bottom:20px;font-style:normal}:where(.elementor-element-v300007) .acd-marker svg{width:1em;height:1em;fill:currentColor}:where(.elementor-element-v300007) .acd-card-title{font-size:19px;font-weight:800;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}:where(.elementor-element-v300007) .acd-card-description{font-size:14px;color:#647184;overflow-wrap:anywhere} @media(max-width:1024px){:where(.elementor-element-v300007) .acd-root{padding:68px 24px}:where(.elementor-element-v300007) .acd-head{flex-direction:column;align-items:stretch}:where(.elementor-element-v300007) .acd-description{max-width:none;flex:auto}:where(.elementor-element-v300007) .acd-title{font-size:34px}:where(.elementor-element-v300007) .acd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){:where(.elementor-element-v300007) .acd-root{padding:54px 16px}:where(.elementor-element-v300007) .acd-title{font-size:28px;letter-spacing:-.7px}:where(.elementor-element-v300007) .acd-grid{grid-template-columns:1fr}:where(.elementor-element-v300007) .acd-card{padding:24px}} @media(prefers-reduced-motion:reduce){:where(.elementor-element-v300007) .acd-card{transition:none}:where(.elementor-element-v300007) .acd-hover .acd-card:hover{transform:none}}<\/style><section class=\"acd-root acd-scenarios\" data-brand=\"airsang\" id=\"scenarios\"><div class=\"acd-inner\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-ey\">Applicable scenarios<\/span><h2 class=\"acd-title\">Not every need requires a website redo<\/h2><\/div><div class=\"acd-description\">Many projects are more suitable to make targeted enhancements to existing themes and systems to reduce transformation costs while retaining room for subsequent expansion.<\/div><\/div><div class=\"acd-grid\"><article class=\"acd-card elementor-repeater-item-a942973\"><div class=\"acd-marker\" aria-hidden=\"true\">01<\/div><h3 class=\"acd-card-title\">Theme secondary development<\/h3><div class=\"acd-card-description\">The existing Shopify \/ WordPress theme can be used as a whole, just need to add branded pages and functions.<\/div><\/article><article class=\"acd-card elementor-repeater-item-c49143d\"><div class=\"acd-marker\" aria-hidden=\"true\">02<\/div><h3 class=\"acd-card-title\">Marketing module precipitation<\/h3><div class=\"acd-card-description\">Make Hero, selling points, comparison, FAQ, CTA, etc. into reusable operational components.<\/div><\/article><article class=\"acd-card elementor-repeater-item-796858b\"><div class=\"acd-marker\" aria-hidden=\"true\">03<\/div><h3 class=\"acd-card-title\">Enhanced product page functionality<\/h3><div class=\"acd-card-description\">Add specification display, combination information, content switching and purchase path interaction according to product type.<\/div><\/article><article class=\"acd-card elementor-repeater-item-e813c8f\"><div class=\"acd-marker\" aria-hidden=\"true\">04<\/div><h3 class=\"acd-card-title\">Renovation of old website functions<\/h3><div class=\"acd-card-description\">Make partial upgrades to the structure, responsiveness, interaction, or maintenance of existing pages.<\/div><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300008 elementor-widget elementor-widget-airsang-code-development-process\" data-id=\"v300008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-process.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:where(#acd-process-v300008){--accent:#ff7a00;--line:#e8edf3;--motion-duration:300ms;--motion-delay:0ms;padding:92px 24px;color:#101c2b;font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;line-height:1.65;background:#fff;position:relative;isolation:isolate} :where(#acd-process-v300008),:where(#acd-process-v300008) *{box-sizing:border-box} :where(#acd-process-v300008) .acd-wrap{width:100%;max-width:1280px;margin:0 auto;min-width:0} :where(#acd-process-v300008) .acd-anchor{position:absolute;top:0;scroll-margin-top:100px} :where(#acd-process-v300008) .acd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px} :where(#acd-process-v300008) .acd-heading-group{flex:1;min-width:0} :where(#acd-process-v300008) .acd-label{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800} :where(#acd-process-v300008) .acd-label:before{content:'';width:4px;height:18px;border-radius:4px;background:var(--accent)} :where(#acd-process-v300008) .acd-heading{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere} :where(#acd-process-v300008) .acd-accent{color:var(--accent)} :where(#acd-process-v300008) .acd-description{flex:0 1 400px;color:#647184;font-size:15px} :where(#acd-process-v300008) p{margin:0 0 12px} :where(#acd-process-v300008) p:last-child{margin-bottom:0} :where(#acd-process-v300008) .acd-grid{display:grid;gap:20px} :where(#acd-process-v300008) .acd-item{min-width:0} :where(#acd-process-v300008) h3{color:inherit} :where(#acd-process-v300008) .acd-icon{color:var(--accent);display:inline-grid;place-items:center;flex-shrink:0} :where(#acd-process-v300008) .acd-icon svg{width:1em;height:1em;fill:currentColor} :where(#acd-process-v300008) :focus-visible{outline:3px solid var(--accent);outline-offset:5px} :where(#acd-process-v300008) .acd-motion-target{transition:none} :where(#acd-process-v300008).acd-motion .acd-motion-target{transition:transform var(--motion-duration) ease var(--motion-delay),box-shadow var(--motion-duration) ease var(--motion-delay),background var(--motion-duration) ease var(--motion-delay)} :where(#acd-process-v300008).acd-motion .acd-motion-target:hover{transform:translateY(-4px)} @media(max-width:1024px){:where(#acd-process-v300008){padding:64px 24px}:where(#acd-process-v300008) .acd-head{display:block}:where(#acd-process-v300008) .acd-description{margin-top:20px;max-width:650px}:where(#acd-process-v300008) .acd-heading{font-size:36px}} @media(max-width:767px){:where(#acd-process-v300008){padding:52px 20px}:where(#acd-process-v300008) .acd-heading{font-size:30px;letter-spacing:-.8px}:where(#acd-process-v300008) .acd-head{margin-bottom:28px}} @media(prefers-reduced-motion:reduce){:where(#acd-process-v300008) *,:where(#acd-process-v300008) *:before,:where(#acd-process-v300008) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(#acd-process-v300008).acd-motion .acd-motion-target:hover{transform:none}}\r\n\r\n:where(#acd-process-v300008) .acd-process{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}:where(#acd-process-v300008) .acd-step{position:relative;padding:22px 16px 16px;border-top:1px solid var(--line)}:where(#acd-process-v300008) .acd-step:before{content:'';position:absolute;left:0;top:-4px;width:8px;height:8px;background:var(--accent);border-radius:50%}:where(#acd-process-v300008) .acd-number{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:900;margin-bottom:12px}:where(#acd-process-v300008) .acd-number svg{width:1em;height:1em;fill:currentColor}:where(#acd-process-v300008) .acd-item-title{font-size:16px;font-weight:800;margin:0 0 4px}:where(#acd-process-v300008) .acd-item-description{font-size:12px;color:#647184}:where(#acd-process-v300008).acd-motion .acd-step:hover{background:#fff9ef;border-radius:0 0 14px 14px}@media(max-width:1024px){:where(#acd-process-v300008) .acd-process{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}}@media(max-width:767px){:where(#acd-process-v300008) .acd-process{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n\r\n\r\n<\/style><section id=\"acd-process-v300008\" class=\"acd-process acd-motion\" data-brand=\"airsang\"><span class=\"acd-anchor\" id=\"process\" aria-hidden=\"true\"><\/span><div class=\"acd-wrap\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-label\">development process<\/span><h2 class=\"acd-heading\">Define requirements first, then enter code<span class=\"acd-accent\"><\/span><\/h2><\/div><div class=\"acd-description\">Confirm the requirements, boundaries, interaction and acceptance methods clearly first to reduce rework and make the final delivery easier to maintain.<\/div><\/div><div class=\"acd-grid acd-process\"><article class=\"acd-item acd-step acd-motion-target elementor-repeater-item-54aee76\"><span class=\"acd-number\">01<\/span><h3 class=\"acd-item-title\">Requirements communication<\/h3><div class=\"acd-item-description\">Business goals and usage scenarios<\/div><\/article><article class=\"acd-item acd-step acd-motion-target elementor-repeater-item-e7be350\"><span class=\"acd-number\">02<\/span><h3 class=\"acd-item-title\">Scheme design<\/h3><div class=\"acd-item-description\">Structure, function and interaction<\/div><\/article><article class=\"acd-item acd-step acd-motion-target elementor-repeater-item-40fb87c\"><span class=\"acd-number\">03<\/span><h3 class=\"acd-item-title\">Development and implementation<\/h3><div class=\"acd-item-description\">Topic and Functional Coding<\/div><\/article><article class=\"acd-item acd-step acd-motion-target elementor-repeater-item-de2821d\"><span class=\"acd-number\">04<\/span><h3 class=\"acd-item-title\">Test acceptance<\/h3><div class=\"acd-item-description\">Multi-terminal, functional and compatible<\/div><\/article><article class=\"acd-item acd-step acd-motion-target elementor-repeater-item-f845c14\"><span class=\"acd-number\">05<\/span><h3 class=\"acd-item-title\">Online deployment<\/h3><div class=\"acd-item-description\">Formal environmental inspection<\/div><\/article><article class=\"acd-item acd-step acd-motion-target elementor-repeater-item-3f272a3\"><span class=\"acd-number\">06<\/span><h3 class=\"acd-item-title\">Follow-up support<\/h3><div class=\"acd-item-description\">Iteration and feature expansion<\/div><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v300009 elementor-widget elementor-widget-airsang-code-development-delivery\" data-id=\"v300009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-delivery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:where(#acd-delivery-v300009){--accent:#ff7a00;--line:#e8edf3;--motion-duration:300ms;--motion-delay:0ms;padding:92px 24px;color:#101c2b;font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;line-height:1.65;background:#fff;position:relative;isolation:isolate} :where(#acd-delivery-v300009),:where(#acd-delivery-v300009) *{box-sizing:border-box} :where(#acd-delivery-v300009) .acd-wrap{width:100%;max-width:1280px;margin:0 auto;min-width:0} :where(#acd-delivery-v300009) .acd-anchor{position:absolute;top:0;scroll-margin-top:100px} :where(#acd-delivery-v300009) .acd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px} :where(#acd-delivery-v300009) .acd-heading-group{flex:1;min-width:0} :where(#acd-delivery-v300009) .acd-label{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800} :where(#acd-delivery-v300009) .acd-label:before{content:'';width:4px;height:18px;border-radius:4px;background:var(--accent)} :where(#acd-delivery-v300009) .acd-heading{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere} :where(#acd-delivery-v300009) .acd-accent{color:var(--accent)} :where(#acd-delivery-v300009) .acd-description{flex:0 1 400px;color:#647184;font-size:15px} :where(#acd-delivery-v300009) p{margin:0 0 12px} :where(#acd-delivery-v300009) p:last-child{margin-bottom:0} :where(#acd-delivery-v300009) .acd-grid{display:grid;gap:20px} :where(#acd-delivery-v300009) .acd-item{min-width:0} :where(#acd-delivery-v300009) h3{color:inherit} :where(#acd-delivery-v300009) .acd-icon{color:var(--accent);display:inline-grid;place-items:center;flex-shrink:0} :where(#acd-delivery-v300009) .acd-icon svg{width:1em;height:1em;fill:currentColor} :where(#acd-delivery-v300009) :focus-visible{outline:3px solid var(--accent);outline-offset:5px} :where(#acd-delivery-v300009) .acd-motion-target{transition:none} :where(#acd-delivery-v300009).acd-motion .acd-motion-target{transition:transform var(--motion-duration) ease var(--motion-delay),box-shadow var(--motion-duration) ease var(--motion-delay),background var(--motion-duration) ease var(--motion-delay)} :where(#acd-delivery-v300009).acd-motion .acd-motion-target:hover{transform:translateY(-4px)} @media(max-width:1024px){:where(#acd-delivery-v300009){padding:64px 24px}:where(#acd-delivery-v300009) .acd-head{display:block}:where(#acd-delivery-v300009) .acd-description{margin-top:20px;max-width:650px}:where(#acd-delivery-v300009) .acd-heading{font-size:36px}} @media(max-width:767px){:where(#acd-delivery-v300009){padding:52px 20px}:where(#acd-delivery-v300009) .acd-heading{font-size:30px;letter-spacing:-.8px}:where(#acd-delivery-v300009) .acd-head{margin-bottom:28px}} @media(prefers-reduced-motion:reduce){:where(#acd-delivery-v300009) *,:where(#acd-delivery-v300009) *:before,:where(#acd-delivery-v300009) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(#acd-delivery-v300009).acd-motion .acd-motion-target:hover{transform:none}}\n:where(#acd-delivery-v300009){background:linear-gradient(180deg,#f7f9fc,#fff)}:where(#acd-delivery-v300009) .acd-delivery{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#acd-delivery-v300009) .acd-panel{min-width:0;border:1px solid var(--line);border-radius:28px;padding:34px;background:#fff}:where(#acd-delivery-v300009) .acd-panel-title{font-size:27px;font-weight:800;margin:0 0 8px;line-height:1.3}:where(#acd-delivery-v300009) .acd-panel-description{font-size:15px;color:#647184}:where(#acd-delivery-v300009) .acd-delivergrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}:where(#acd-delivery-v300009) .acd-deliveritem{display:flex;align-items:center;gap:8px;padding:14px;border-radius:12px;background:#f7f9fb;font-size:13px}:where(#acd-delivery-v300009) .acd-qa{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}:where(#acd-delivery-v300009) .acd-qacard{border:1px solid var(--line);background:#f8fafc;border-radius:17px;padding:18px;display:flex;gap:13px;align-items:flex-start;position:relative;overflow:hidden}:where(#acd-delivery-v300009) .acd-qacard:before{content:'';position:absolute;width:70px;height:70px;border:1px solid #f3d6aa;border-radius:50%;right:-32px;bottom:-36px;pointer-events:none}:where(#acd-delivery-v300009) .acd-qacard .acd-icon{width:42px;height:42px;border-radius:13px;background:#fff7e8;font-size:21px}:where(#acd-delivery-v300009) .acd-item-title{display:block;font-size:14px;font-weight:800;margin:1px 0 4px;line-height:1.4}:where(#acd-delivery-v300009) .acd-item-description{color:#647184;font-size:11px;line-height:1.55}:where(#acd-delivery-v300009).acd-motion .acd-qacard:hover{background:#fff;border-color:#f1c273;box-shadow:0 14px 35px #1722310c}@media(max-width:1024px){:where(#acd-delivery-v300009) .acd-delivery{grid-template-columns:1fr}}@media(max-width:767px){:where(#acd-delivery-v300009) .acd-panel{padding:24px;border-radius:22px}:where(#acd-delivery-v300009) .acd-qa,:where(#acd-delivery-v300009) .acd-delivergrid{grid-template-columns:1fr}}\n<\/style><section id=\"acd-delivery-v300009\" class=\"acd-delivery acd-motion\" data-brand=\"airsang\"><span class=\"acd-anchor\" id=\"delivery\" aria-hidden=\"true\"><\/span><div class=\"acd-wrap\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-label\">Delivery standards<\/span><h2 class=\"acd-heading\">Not only deliver pages;<span class=\"acd-accent\">Ability to continue to use<\/span><\/h2><\/div><div class=\"acd-description\">Component naming, background editing methods, functional boundaries and test results should be as clear as possible so that the customer team can still operate efficiently after taking over.<\/div><\/div><div class=\"acd-grid acd-delivery\"><article class=\"acd-panel\"><h3 class=\"acd-panel-title\">Project delivery list<\/h3><p class=\"acd-panel-description\">Confirm final deliverables based on actual project scope.<\/p><div class=\"acd-grid acd-delivergrid\"><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-a1af46e\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Theme\/feature files<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-8affafb\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Editable components<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-7ab859c\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Backend usage instructions<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-ca9b8f4\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Responsive adaptation<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-74fc0b9\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>test record<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-0c50e03\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Online check<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-e08415b\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Function description<\/span><\/div><div class=\"acd-item acd-deliveritem acd-motion-target elementor-repeater-item-f75f223\"><span class=\"acd-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg><\/span><span>Suggestions for subsequent iterations<\/span><\/div><\/div><\/article><article class=\"acd-panel\"><h3 class=\"acd-panel-title\">Testing and Acceptance<\/h3><p class=\"acd-panel-description\">Conduct functional, visual and common equipment inspections based on actual needs.<\/p><div class=\"acd-grid acd-qa\"><div class=\"acd-item acd-qacard acd-motion-target elementor-repeater-item-f6e2c46\"><span class=\"acd-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-tasks\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M139.61 35.5a12 12 0 0 0-17 0L58.93 98.81l-22.7-22.12a12 12 0 0 0-17 0L3.53 92.41a12 12 0 0 0 0 17l47.59 47.4a12.78 12.78 0 0 0 17.61 0l15.59-15.62L156.52 69a12.09 12.09 0 0 0 .09-17zm0 159.19a12 12 0 0 0-17 0l-63.68 63.72-22.7-22.1a12 12 0 0 0-17 0L3.53 252a12 12 0 0 0 0 17L51 316.5a12.77 12.77 0 0 0 17.6 0l15.7-15.69 72.2-72.22a12 12 0 0 0 .09-16.9zM64 368c-26.49 0-48.59 21.5-48.59 48S37.53 464 64 464a48 48 0 0 0 0-96zm432 16H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z\"><\/path><\/svg><\/span><div><h4 class=\"acd-item-title\">Functional flow testing<\/h4><div class=\"acd-item-description\">Check interactions, submissions, jumps, and key functional status around real business paths.<\/div><\/div><\/div><div class=\"acd-item acd-qacard acd-motion-target elementor-repeater-item-12c81bc\"><span class=\"acd-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-desktop\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z\"><\/path><\/svg><\/span><div><h4 class=\"acd-item-title\">Responsive layout check<\/h4><div class=\"acd-item-description\">Adapt layout, spacing, and content readability for Desktop, Tablet, and Mobile.<\/div><\/div><\/div><div class=\"acd-item acd-qacard acd-motion-target elementor-repeater-item-0f78955\"><span class=\"acd-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-globe\" viewbox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\"><\/path><\/svg><\/span><div><h4 class=\"acd-item-title\">Browser compatibility check<\/h4><div class=\"acd-item-description\">Check the consistency of page performance, interaction and basic functions under common modern browsers.<\/div><\/div><\/div><div class=\"acd-item acd-qacard acd-motion-target elementor-repeater-item-183a307\"><span class=\"acd-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-edit\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z\"><\/path><\/svg><\/span><div><h4 class=\"acd-item-title\">Background editability acceptance<\/h4><div class=\"acd-item-description\">Confirm that Sections, Blocks, Widgets and dynamic fields can be maintained behind the scenes as agreed.<\/div><\/div><\/div><\/div><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v30000a elementor-widget elementor-widget-airsang-code-development-faq\" data-id=\"v30000a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:where(#acd-faq-v30000a){--accent:#ff7a00;--line:#e8edf3;--motion-duration:300ms;--motion-delay:0ms;padding:92px 24px;color:#101c2b;font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;line-height:1.65;background:#fff;position:relative;isolation:isolate} :where(#acd-faq-v30000a),:where(#acd-faq-v30000a) *{box-sizing:border-box} :where(#acd-faq-v30000a) .acd-wrap{width:100%;max-width:1280px;margin:0 auto;min-width:0} :where(#acd-faq-v30000a) .acd-anchor{position:absolute;top:0;scroll-margin-top:100px} :where(#acd-faq-v30000a) .acd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px} :where(#acd-faq-v30000a) .acd-heading-group{flex:1;min-width:0} :where(#acd-faq-v30000a) .acd-label{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800} :where(#acd-faq-v30000a) .acd-label:before{content:'';width:4px;height:18px;border-radius:4px;background:var(--accent)} :where(#acd-faq-v30000a) .acd-heading{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere} :where(#acd-faq-v30000a) .acd-accent{color:var(--accent)} :where(#acd-faq-v30000a) .acd-description{flex:0 1 400px;color:#647184;font-size:15px} :where(#acd-faq-v30000a) p{margin:0 0 12px} :where(#acd-faq-v30000a) p:last-child{margin-bottom:0} :where(#acd-faq-v30000a) .acd-grid{display:grid;gap:20px} :where(#acd-faq-v30000a) .acd-item{min-width:0} :where(#acd-faq-v30000a) h3{color:inherit} :where(#acd-faq-v30000a) .acd-icon{color:var(--accent);display:inline-grid;place-items:center;flex-shrink:0} :where(#acd-faq-v30000a) .acd-icon svg{width:1em;height:1em;fill:currentColor} :where(#acd-faq-v30000a) :focus-visible{outline:3px solid var(--accent);outline-offset:5px} :where(#acd-faq-v30000a) .acd-motion-target{transition:none} :where(#acd-faq-v30000a).acd-motion .acd-motion-target{transition:transform var(--motion-duration) ease var(--motion-delay),box-shadow var(--motion-duration) ease var(--motion-delay),background var(--motion-duration) ease var(--motion-delay)} :where(#acd-faq-v30000a).acd-motion .acd-motion-target:hover{transform:translateY(-4px)} @media(max-width:1024px){:where(#acd-faq-v30000a){padding:64px 24px}:where(#acd-faq-v30000a) .acd-head{display:block}:where(#acd-faq-v30000a) .acd-description{margin-top:20px;max-width:650px}:where(#acd-faq-v30000a) .acd-heading{font-size:36px}} @media(max-width:767px){:where(#acd-faq-v30000a){padding:52px 20px}:where(#acd-faq-v30000a) .acd-heading{font-size:30px;letter-spacing:-.8px}:where(#acd-faq-v30000a) .acd-head{margin-bottom:28px}} @media(prefers-reduced-motion:reduce){:where(#acd-faq-v30000a) *,:where(#acd-faq-v30000a) *:before,:where(#acd-faq-v30000a) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(#acd-faq-v30000a).acd-motion .acd-motion-target:hover{transform:none}}\n:where(#acd-faq-v30000a) .acd-faq{max-width:980px;margin:auto}:where(#acd-faq-v30000a) .acd-faqitem{border-bottom:1px solid var(--line)}:where(#acd-faq-v30000a) .acd-question{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:20px 0;text-align:left;font-size:16px;font-weight:800;cursor:pointer;color:inherit}:where(#acd-faq-v30000a) .acd-question::-webkit-details-marker{display:none}:where(#acd-faq-v30000a) .acd-plus{flex-shrink:0;font-size:24px;line-height:1}:where(#acd-faq-v30000a) details[open] .acd-plus{transform:rotate(45deg);color:var(--accent)}:where(#acd-faq-v30000a).acd-motion .acd-plus{transition:transform var(--motion-duration) ease var(--motion-delay)}:where(#acd-faq-v30000a) .acd-answer{color:#647184;font-size:15px;line-height:1.8;padding:0 30px 20px 0;overflow-wrap:anywhere}:where(#acd-faq-v30000a) .acd-answer a{color:var(--accent);text-decoration:underline}\n<\/style><section id=\"acd-faq-v30000a\" class=\"acd-faq\" data-brand=\"airsang\"><span class=\"acd-anchor\" id=\"faq\" aria-hidden=\"true\"><\/span><div class=\"acd-wrap\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-label\">\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a<\/span><h2 class=\"acd-heading\">Questions frequently asked before development<span class=\"acd-accent\"><\/span><\/h2><\/div><\/div><div class=\"acd-faq\"><details class=\"acd-item acd-faqitem elementor-repeater-item-2d213ad\" open><summary class=\"acd-question\"><span>Will the page be written as fixed HTML and cannot be modified later?<\/span><span class=\"acd-plus\" aria-hidden=\"true\">\uff0b<\/span><\/summary><div class=\"acd-answer\">\"Fixed pages\" will not be used as the default scheme. Shopify projects will give priority to Sections \/ Blocks \/ Theme Settings; WordPress projects will design Widgets, Blocks, dynamic fields or templates based on existing editors and business needs, so that commonly used content can be maintained in the background.<\/div><\/details><details class=\"acd-item acd-faqitem elementor-repeater-item-7dd4f70\"><summary class=\"acd-question\"><span>Can I only develop partial functions of an existing theme?<\/span><span class=\"acd-plus\" aria-hidden=\"true\">\uff0b<\/span><\/summary><div class=\"acd-answer\">Yes. New modules, page templates, interactions or business functions can be added while retaining the existing theme structure. The theme structure and compatibility will be evaluated first.<\/div><\/details><details class=\"acd-item acd-faqitem elementor-repeater-item-e2ca332\"><summary class=\"acd-question\"><span>Can HTML, CSS, and JavaScript requirements also be met?<\/span><span class=\"acd-plus\" aria-hidden=\"true\">\uff0b<\/span><\/summary><div class=\"acd-answer\">Yes. Including responsive pages, animations, interactive components, front-end display logic, and front-end customization in Shopify \/ WordPress pages.<\/div><\/details><details class=\"acd-item acd-faqitem elementor-repeater-item-e73b774\"><summary class=\"acd-question\"><span>Does it support subsequent expansion?<\/span><span class=\"acd-plus\" aria-hidden=\"true\">\uff0b<\/span><\/summary><div class=\"acd-answer\">The project will be organized in a maintainable and reusable manner as much as possible; whether it can be directly expanded in the future and the cost of expansion will depend on the original theme, plug-ins, third-party systems and the scope of new requirements.<\/div><\/details><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-v30000b elementor-widget elementor-widget-airsang-code-development-contact\" data-id=\"v30000b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"airsang-code-development-contact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:where(#acd-contact-v30000b){--accent:#ff7a00;--line:#e8edf3;--motion-duration:300ms;--motion-delay:0ms;padding:92px 24px;color:#101c2b;font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;line-height:1.65;background:#fff;position:relative;isolation:isolate} :where(#acd-contact-v30000b),:where(#acd-contact-v30000b) *{box-sizing:border-box} :where(#acd-contact-v30000b) .acd-wrap{width:100%;max-width:1280px;margin:0 auto;min-width:0} :where(#acd-contact-v30000b) .acd-anchor{position:absolute;top:0;scroll-margin-top:100px} :where(#acd-contact-v30000b) .acd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px} :where(#acd-contact-v30000b) .acd-heading-group{flex:1;min-width:0} :where(#acd-contact-v30000b) .acd-label{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800} :where(#acd-contact-v30000b) .acd-label:before{content:'';width:4px;height:18px;border-radius:4px;background:var(--accent)} :where(#acd-contact-v30000b) .acd-heading{font-size:42px;font-weight:800;line-height:1.18;letter-spacing:-1.6px;margin:10px 0 0;overflow-wrap:anywhere} :where(#acd-contact-v30000b) .acd-accent{color:var(--accent)} :where(#acd-contact-v30000b) .acd-description{flex:0 1 400px;color:#647184;font-size:15px} :where(#acd-contact-v30000b) p{margin:0 0 12px} :where(#acd-contact-v30000b) p:last-child{margin-bottom:0} :where(#acd-contact-v30000b) .acd-grid{display:grid;gap:20px} :where(#acd-contact-v30000b) .acd-item{min-width:0} :where(#acd-contact-v30000b) h3{color:inherit} :where(#acd-contact-v30000b) .acd-icon{color:var(--accent);display:inline-grid;place-items:center;flex-shrink:0} :where(#acd-contact-v30000b) .acd-icon svg{width:1em;height:1em;fill:currentColor} :where(#acd-contact-v30000b) :focus-visible{outline:3px solid var(--accent);outline-offset:5px} :where(#acd-contact-v30000b) .acd-motion-target{transition:none} :where(#acd-contact-v30000b).acd-motion .acd-motion-target{transition:transform var(--motion-duration) ease var(--motion-delay),box-shadow var(--motion-duration) ease var(--motion-delay),background var(--motion-duration) ease var(--motion-delay)} :where(#acd-contact-v30000b).acd-motion .acd-motion-target:hover{transform:translateY(-4px)} @media(max-width:1024px){:where(#acd-contact-v30000b){padding:64px 24px}:where(#acd-contact-v30000b) .acd-head{display:block}:where(#acd-contact-v30000b) .acd-description{margin-top:20px;max-width:650px}:where(#acd-contact-v30000b) .acd-heading{font-size:36px}} @media(max-width:767px){:where(#acd-contact-v30000b){padding:52px 20px}:where(#acd-contact-v30000b) .acd-heading{font-size:30px;letter-spacing:-.8px}:where(#acd-contact-v30000b) .acd-head{margin-bottom:28px}} @media(prefers-reduced-motion:reduce){:where(#acd-contact-v30000b) *,:where(#acd-contact-v30000b) *:before,:where(#acd-contact-v30000b) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(#acd-contact-v30000b).acd-motion .acd-motion-target:hover{transform:none}}\n:where(#acd-contact-v30000b) .acd-cta{background:linear-gradient(135deg,#ffad21,#ff7900);color:#fff;border-radius:32px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 60px #f59e1029;position:relative;overflow:hidden}:where(#acd-contact-v30000b) .acd-cta>*{position:relative;z-index:1;min-width:0}:where(#acd-contact-v30000b) .acd-head{display:block;flex:1;margin-bottom:0}:where(#acd-contact-v30000b) .acd-heading{font-size:40px;color:inherit;line-height:1.15;margin:10px 0}:where(#acd-contact-v30000b) .acd-description{color:#fff;max-width:720px;font-size:15px}:where(#acd-contact-v30000b) .acd-label:before{background:#fff}:where(#acd-contact-v30000b) .acd-accent{color:inherit}:where(#acd-contact-v30000b) .acd-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;max-width:100%;background:#fff;color:#172231;border:0;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:800;text-decoration:none;text-align:center}:where(#acd-contact-v30000b) .acd-button .acd-icon{color:inherit}:where(#acd-contact-v30000b) .acd-rings:before,:where(#acd-contact-v30000b) .acd-rings:after{content:'';position:absolute;border:1px solid #ffffff40;border-radius:50%;pointer-events:none}:where(#acd-contact-v30000b) .acd-rings:before{width:280px;height:280px;right:8%;top:-150px}:where(#acd-contact-v30000b) .acd-rings:after{width:160px;height:160px;right:22%;bottom:-110px}:where(#acd-contact-v30000b).acd-motion .acd-rings:before{animation:acd-contact-orbit 7s ease-in-out infinite alternate}:where(#acd-contact-v30000b).acd-motion .acd-rings:after{animation:acd-contact-orbit 5s ease-in-out infinite alternate-reverse}@keyframes acd-contact-orbit{from{transform:translateX(0) scale(1)}to{transform:translateX(22px) scale(1.1)}}@media(max-width:1024px){:where(#acd-contact-v30000b) .acd-cta{padding:40px;flex-direction:column;align-items:flex-start}:where(#acd-contact-v30000b) .acd-heading{font-size:36px}}@media(max-width:767px){:where(#acd-contact-v30000b) .acd-cta{padding:30px 24px;border-radius:24px}:where(#acd-contact-v30000b) .acd-heading{font-size:30px}:where(#acd-contact-v30000b) .acd-description{margin-top:16px}}\n<\/style><section id=\"acd-contact-v30000b\" class=\"acd-contact acd-motion\" data-brand=\"airsang\"><span class=\"acd-anchor\" id=\"contact\" aria-hidden=\"true\"><\/span><div class=\"acd-wrap\"><div class=\"acd-cta acd-rings\"><div class=\"acd-head\"><div class=\"acd-heading-group\"><span class=\"acd-label\">Start project<\/span><h2 class=\"acd-heading\">Turn one development into long-term reusable website assets<span class=\"acd-accent\"><\/span><\/h2><\/div><div class=\"acd-description\">Tell us about your platform, existing themes, and feature requirements, and we'll decide if it should be customized, extended, or refactored.<\/div><\/div><span class=\"acd-button\">Send project requirements<span class=\"acd-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg><\/span><\/span><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16022","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/pages\/16022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/comments?post=16022"}],"version-history":[{"count":1,"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/pages\/16022\/revisions"}],"predecessor-version":[{"id":16036,"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/pages\/16022\/revisions\/16036"}],"wp:attachment":[{"href":"https:\/\/www.airsang.com\/ar\/wp-json\/wp\/v2\/media?parent=16022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}