工作室介绍，开工（

assets/css/about-hero.css

@@ -6,6 +6,80 @@
   position: relative;
 }
 
+body.intro-about {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+body.intro-about::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+html:has(body.intro-about) {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+html:has(body.intro-about)::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+body.intro-about .site-header,
+body.intro-about .site-footer {
+  display: none !important;
+}
+
+body.intro-about .hero-section {
+  min-height: 100vh;
+}
+
+body.intro-about .about-theme-toggle {
+  position: fixed;
+  top: 18px;
+  right: 18px;
+  z-index: 40;
+  width: 72px;
+  height: 72px;
+  background: transparent !important;
+  border: none !important;
+  border-radius: 0;
+  color: color-mix(in srgb, var(--text-primary) 82%, var(--color-primary) 18%);
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+
+body.intro-about .about-theme-toggle::before {
+  display: none;
+  content: none;
+}
+
+body.intro-about .about-theme-toggle svg {
+  width: 60px;
+  height: 60px;
+}
+
+body.intro-about .about-theme-toggle:hover,
+body.intro-about .about-theme-toggle:focus-visible {
+  background: transparent !important;
+  border: none !important;
+  color: color-mix(in srgb, var(--text-primary) 72%, var(--color-primary) 28%);
+  box-shadow: none;
+}
+
+body.intro-about .about-theme-toggle:hover {
+  transform: translateY(-1px);
+}
+
+body.intro-about .about-theme-toggle:hover::before,
+body.intro-about .about-theme-toggle:focus-visible::before {
+  display: none;
+}
+
 .hero-section {
   padding: 40px 0;
   background-color: var(--bg-body);
@@ -131,7 +205,10 @@ html:not([data-theme="dark"]) .hero-waves {
 
 .hero-title {
   display: flex;
+  flex-direction: column;
+  align-items: center;
   justify-content: center;
+  gap: clamp(2px, 0.6vw, 10px);
   margin: 0 0 1.2rem;
   overflow: visible;
   --hero-title-gradient: linear-gradient(135deg, var(--text-primary) 0%, var(--color-primary) 100%);
@@ -442,6 +519,11 @@ html:not([data-theme="dark"]) .hero-title-svg::before {
 }
 
 @media (max-width: 768px) {
+  body.intro-about .about-theme-toggle {
+    top: 12px;
+    right: 12px;
+  }
+
   .hero-title {
     margin-bottom: 1rem;
   }