调整UI

2026-09-29 15:30:33 +07:00
parent 0fbdba5ccf
commit 9abe0b1b76
181 changed files with 608 additions and 18501 deletions
@@ -1364,3 +1364,78 @@
    width: 100%;
  }
 }
+
+/* 公告跑马灯：官方访问地址以金色描边胶囊展示 */
+.announce__addrs {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.announce__addrs > span {
+  color: var(--gold);
+}
+
+.announce__addr {
+  display: inline-flex;
+  align-items: center;
+  height: 22px;
+  padding: 0 10px;
+  border: 1px solid rgba(233, 201, 119, 0.45);
+  border-radius: 999px;
+  color: var(--text);
+  font-size: 12px;
+  line-height: 20px;
+  text-decoration: none;
+  background: rgba(233, 201, 119, 0.08);
+}
+
+.announce__addr:hover {
+  border-color: var(--gold);
+  background: rgba(233, 201, 119, 0.16);
+}
+
+@media (max-width: 768px) {
+  .announce__addr {
+    height: 20px;
+    padding: 0 8px;
+    font-size: 11px;
+    line-height: 18px;
+  }
+}
+
+/* Banner 可读性（桌面端）：背景海报保持原样，只在左侧文字区域加一道渐变 */
+@media (min-width: 769px) {
+  .hero__shade--side {
+    background:
+      linear-gradient(90deg, #0b0b0d 0%, rgba(11, 11, 13, 0.78) 16%, rgba(11, 11, 13, 0.45) 36%, rgba(11, 11, 13, 0) 52%),
+      linear-gradient(270deg, #0b0b0d 0%, rgba(11, 11, 13, 0.72) 8%, rgba(11, 11, 13, 0) 24%);
+  }
+
+  .hero__title,
+  .hero__desc {
+    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
+  }
+}
+
+.hero__attrs {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px 12px;
+}
+
+@media (max-width: 768px) {
+  /* 手机端背景即主画面，不模糊；拉高底部渐变保证文字可读 */
+  .hero__shade--bottom {
+    background: linear-gradient(180deg, rgba(11, 11, 13, 0) 0%, rgba(11, 11, 13, 0.25) 28%, rgba(11, 11, 13, 0.82) 56%, #0b0b0d 78%);
+  }
+
+  .hero__desc {
+    -webkit-line-clamp: 2;
+  }
+
+  .hero__attrs {
+    gap: 4px 10px;
+  }
+}