新版首页样式

assets/css/intro.css

@@ -71,6 +71,36 @@ html:not([data-theme="dark"]) .intro-about .site-header {
   gap: 14px;
 }
 
+.intro-brand-mark {
+  position: relative;
+  width: min(420px, 100%);
+  margin-bottom: 2px;
+}
+
+.intro-brand-svg {
+  display: block;
+  width: min(76vw, 360px);
+  aspect-ratio: 3 / 2;
+  background-image: linear-gradient(135deg, var(--text-primary), var(--color-primary));
+  -webkit-mask: url("../../resources/title.svg") center / contain no-repeat;
+  mask: url("../../resources/title.svg") center / contain no-repeat;
+  filter:
+    drop-shadow(0 10px 24px rgba(12, 20, 32, 0.24))
+    drop-shadow(0 0 16px rgba(120, 190, 255, 0.24));
+}
+
+.intro-brand-text {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .intro-title {
   font-size: clamp(2.6rem, 4vw, 4rem);
   font-weight: 800;
@@ -357,6 +387,10 @@ body.has-intro-animations .intro-step.is-active .intro-animate {
     padding-top: 110px;
   }
 
+  .intro-brand-svg {
+    width: min(86vw, 320px);
+  }
+
   .intro-title {
     font-size: 2.2rem;
   }