update

frontend-ui/src/pages/Character/Skill/components/SkillTree/style.scss

@@ -1,6 +1,7 @@
 .skill-tree {
-  /* Preserve the original 11-column tree rhythm while allowing its host to scroll on narrow screens. */
-  min-width: 550px;
+  /* Fill the standard tree viewport; expanded special-job grids keep their intrinsic width and scroll. */
+  width: max-content;
+  min-width: 100%;
 }
 
 .skill-tree-line {
@@ -48,6 +49,10 @@
   align-items: center;
   flex-direction: column;
   cursor: pointer;
+  border: 0;
+  background-color: transparent;
+  color: inherit;
+  font: inherit;
 }
 
 .skill-tree__icon {
@@ -89,6 +94,38 @@
   align-items: center;
   flex-direction: column;
   cursor: pointer;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+
+.skill-tree__extra-awake {
+  position: absolute;
+  top: -3px;
+  left: 0;
+  width: 117px;
+  height: 54px;
+  background: url('./img/extra_awake_85.png') 0 0 / 100% 100% no-repeat;
+}
+
+.skill-tree__extra-awake-option {
+  position: absolute;
+  z-index: 2;
+  top: 3px;
+  left: 78px;
+  display: flex;
+  width: 36px;
+  height: 48px;
+  box-sizing: border-box;
+  padding-block: 3px;
+  align-items: center;
+  flex-direction: column;
+  color: #ffc701;
+
+  span {
+    margin-top: 1px;
+  }
 }
 
 .skill-tree__awake-icon {