merge: resolve conflicts between feat/responsive-layout and master

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/styles/pages/size-template.css

@@ -1,6 +1,6 @@
 .product-clone-page[data-tool="clone"].size-template-workbench {
   --clone-settings-panel-width: 640px;
-  --size-green: #34d399;
+  --size-green: #00ff88;
   --size-cyan: #38bdf8;
   --size-violet: #a78bfa;
   --size-amber: #fbbf24;
@@ -106,7 +106,7 @@
 
 .size-template-workbench .size-template-static-field.is-clickable > button:hover,
 .size-template-workbench .size-template-static-field.is-clickable > button[aria-expanded="true"] {
-  border-color: #34d399;
+  border-color: #00ff88;
   background: #202c28;
 }
 
@@ -155,7 +155,7 @@
 .size-template-platform-dialog button:hover,
 .size-template-platform-dialog button.is-active {
   background: #17352a;
-  color: #34d399;
+  color: #00ff88;
 }
 
 @keyframes size-template-dialog-rise {
@@ -241,7 +241,7 @@
   width: 54px;
   height: 2px;
   border-radius: 999px;
-  background: linear-gradient(90deg, #34d399, rgb(52 211 153 / 0%));
+  background: linear-gradient(90deg, #00ff88, rgb(52 211 153 / 0%));
   box-shadow: 0 0 18px rgb(52 211 153 / 35%);
 }
 
@@ -355,7 +355,7 @@
 }
 
 .size-template-preview-note > div:first-child .anticon {
-  color: #34d399;
+  color: #00ff88;
 }
 
 .size-template-preview-note p {
@@ -414,7 +414,7 @@
 }
 
 .size-template-check-list .anticon {
-  color: #34d399;
+  color: #00ff88;
 }
 
 @media (max-width: 1320px) {