feat : update

components/public/artifact-image-export.tsx

@@ -68,7 +68,7 @@ export function ArtifactImageExport({
   const layoutRules = onlySection === "tierlist"
     ? ".artifact-export-grid{grid-template-columns:1fr!important}.artifact-export-tierlist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}"
     : onlySection === "best-stats"
-      ? ".artifact-export-root{height:100%!important}.artifact-export-grid{grid-template-columns:1fr!important}.artifact-export-left{display:flex!important;flex-direction:column!important}.artifact-export-main-stats,.artifact-export-substats{width:480px!important;max-width:100%!important;margin-inline:auto!important}.artifact-export-main-stats{order:1!important}.artifact-export-substats{order:2!important}.artifact-export-right{width:100%!important}.guide-export-watermark{top:auto!important;bottom:16px!important}"
+      ? ".artifact-export-root{height:100%!important}.artifact-export-grid{grid-template-columns:1fr!important}.artifact-export-left{display:flex!important;flex-direction:column!important}.artifact-export-main-stats{width:480px!important;max-width:100%!important;margin-inline:auto!important}.artifact-export-right{width:100%!important}.guide-export-watermark{top:auto!important;bottom:16px!important}"
       : onlySection === "target-stats" || onlySection === "talents"
         ? ".artifact-export-grid{display:block!important}.artifact-export-right{width:560px!important;max-width:100%;margin-left:auto!important;margin-right:auto!important;justify-self:center!important}"
         : "";

components/public/structured-guide.tsx

@@ -690,27 +690,27 @@ function ArtifactSectionContent({
               elementIconUrls={guide.elementIconUrls}
             />
           </CardContent>
+          {condition.substats.length ? (
+            <>
+              <Separator />
+              <CardContent className="flex flex-col items-center gap-2 py-5 text-center text-sm">
+                <strong>{exportLabel(exporting, "ออฟรองที่ดีที่สุด", "Best Substats")}</strong>
+                <div className="flex flex-col items-center gap-1">
+                  {condition.substats.map((stat, index) => (
+                    <ArtifactStatValue
+                      key={`${stat}-${index}`}
+                      value={stat}
+                      index={index}
+                      exporting={exporting}
+                      elementIconUrls={guide.elementIconUrls}
+                    />
+                  ))}
+                </div>
+              </CardContent>
+            </>
+          ) : null}
         </Card>
       ) : null}
-      {condition.substats.length ? (
-        <Card data-artifact-export-section="best-stats" className="artifact-export-substats">
-          <CardContent className="flex flex-col items-center gap-2 py-5 text-center text-sm">
-            <strong>{exportLabel(exporting, "ออฟรองที่ดีที่สุด", "Best Substats")}</strong>
-            <div className="flex flex-col items-center gap-1">
-              {condition.substats.map((stat, index) => (
-                <ArtifactStatValue
-                  key={`${stat}-${index}`}
-                  value={stat}
-                  index={index}
-                  exporting={exporting}
-                  elementIconUrls={guide.elementIconUrls}
-                />
-              ))}
-            </div>
-          </CardContent>
-        </Card>
-      ) : null}
-
     </div>
   ));