diff --git a/lib/zin/wg/thinkbasecheckbox/css/v1.css b/lib/zin/wg/thinkbasecheckbox/css/v1.css
new file mode 100644
index 0000000000..fb7d1a253d
--- /dev/null
+++ b/lib/zin/wg/thinkbasecheckbox/css/v1.css
@@ -0,0 +1,8 @@
+.think-check-list .item-control.is-checked {border: 1px solid var(--color-primary-500); color: var(--color-primary-500);}
+.think-check-list .item-control:hover {border: 1px solid var(--color-primary-500);}
+.think-check-list .checkbox-primary {--checkbox-size: 16px; width: 16px;}
+.think-check-list .checkbox-primary>input[type=checkbox]:checked+label:after {left: 1px; --tw-content: "\\e5ca"; color: var(--color-primary-500); font-weight: 600;}
+.think-check-list .checkbox-primary.checked>label:before, .think-check-list .checkbox-primary>input[type=checkbox]:checked+label:before {background-color: unset; border-color: var(--color-primary-500); color: var(--color-primary-500);}
+.think-check-list .checkbox-primary.checked>label, .think-check-list .radio-primary>label {font-family: ZentaoIcon !important;}
+.think-check-list .radio-primary>label:before, .think-check-list .radio-primary.checked>label:before, .think-check-list .radio-primary>input[type=radio]:checked+label:before {display: none;}
+.think-check-list .radio-primary>label:after {--tw-content: "\\e5ca"; color: var(--color-primary-500); font-size: 16px; background-color: unset; top: -2px; left: 2px; font-weight: 600;}
diff --git a/lib/zin/wg/thinkbasecheckbox/v1.php b/lib/zin/wg/thinkbasecheckbox/v1.php
index a6799d2d90..653cd29bb1 100644
--- a/lib/zin/wg/thinkbasecheckbox/v1.php
+++ b/lib/zin/wg/thinkbasecheckbox/v1.php
@@ -19,16 +19,7 @@ class thinkBaseCheckbox extends wg
 
     public static function getPageCSS(): ?string
     {
-        return <<<CSS
-        .think-check-list .item-control.is-checked {border: 1px solid var(--color-primary-500); color: var(--color-primary-500);}
-        .think-check-list .item-control:hover {border: 1px solid var(--color-primary-500);}
-        .think-check-list .checkbox-primary {--checkbox-size: 16px; width: 16px;}
-        .think-check-list .checkbox-primary>input[type=checkbox]:checked+label:after {left: 1px; --tw-content: "\\e5ca"; color: var(--color-primary-500); font-weight: 600;}
-        .think-check-list .checkbox-primary.checked>label:before, .think-check-list .checkbox-primary>input[type=checkbox]:checked+label:before {background-color: unset; border-color: var(--color-primary-500); color: var(--color-primary-500);}
-        .think-check-list .checkbox-primary.checked>label, .think-check-list .radio-primary>label {font-family: ZentaoIcon !important;}
-        .think-check-list .radio-primary>label:before, .think-check-list .radio-primary.checked>label:before, .think-check-list .radio-primary>input[type=radio]:checked+label:before {display: none;}
-        .think-check-list .radio-primary>label:after {--tw-content: "\\e5ca"; color: var(--color-primary-500); font-size: 16px; background-color: unset; top: -2px; left: 2px; font-weight: 600;}
-        CSS;
+        return file_get_contents(__DIR__ . DS . 'css' . DS . 'v1.css');
     }
 
     public static function getPageJS(): string
diff --git a/lib/zin/wg/thinknodebase/css/v1.css b/lib/zin/wg/thinknodebase/css/v1.css
new file mode 100644
index 0000000000..bc1202616f
--- /dev/null
+++ b/lib/zin/wg/thinknodebase/css/v1.css
@@ -0,0 +1,5 @@
+.think-step-panel .panel-body, .think-step-panel .form-horz .form-group {padding: 0;}
+.think-step-panel .form-horz .form-label {justify-content: unset; position: relative; padding: 0;}
+.think-step-form .toolbar.form-actions.form-group {position: absolute; top: 10px; right: 23px; height: 28px;}
+.think-step-panel .form-horz .form-group {display: block;}
+.run-desc * {font-size: 16px !important;}
diff --git a/lib/zin/wg/thinknodebase/v1.php b/lib/zin/wg/thinknodebase/v1.php
index 3e57c83f6a..514e5ec732 100644
--- a/lib/zin/wg/thinknodebase/v1.php
+++ b/lib/zin/wg/thinknodebase/v1.php
@@ -31,13 +31,7 @@ class thinkNodeBase extends wg
 
     public static function getPageCSS(): ?string
     {
-        return <<<CSS
-        .think-step-panel .panel-body, .think-step-panel .form-horz .form-group {padding: 0;}
-        .think-step-panel .form-horz .form-label {justify-content: unset; position: relative; padding: 0;}
-        .think-step-form .toolbar.form-actions.form-group {position: absolute; top: 10px; right: 23px; height: 28px;}
-        .think-step-panel .form-horz .form-group {display: block;}
-        .run-desc * {font-size: 16px !important;}
-        CSS;
+        return file_get_contents(__DIR__ . DS . 'css' . DS . 'v1.css');
     }
 
     protected function buildDetail(): array