gpttemp

2025-12-31 00:49:32 +08:00
parent ae57b68f99
commit eb8c097777
709 changed files with 39727 additions and 1041 deletions
--- a/code/public/static/css/modules/head/head_96.css
+++ b/code/public/static/css/modules/head/head_96.css
@@ -0,0 +1,124 @@
+/* head_96.css */
+.__PFX__-h96-sheet {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--border-color);
+  background: radial-gradient(circle at 80% -20%, var(--secondary-color), transparent 58%), var(--bg-color);
+}
+
+.__PFX__-h96-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px
+}
+
+.__PFX__-h96-brand {
+  font-weight: 900;
+  text-decoration: none;
+  color: var(--text-color)
+}
+
+.__PFX__-h96-btn {
+  border: 1px solid var(--border-color);
+  background: rgba(255, 255, 255, .18);
+  border-radius: 10px;
+  padding: 6px 10px
+}
+
+.__PFX__-h96-search {
+  margin-top: 6px
+}
+
+.__PFX__-h96-search input {
+  width: 100%;
+  padding: 6px 10px;
+  border-radius: 10px;
+  border: 1px solid var(--border-color);
+  background: rgba(255, 255, 255, .18)
+}
+
+.__PFX__-h96-mask {
+  display: none
+}
+
+.__PFX__-h96-panel {
+  z-index:999;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: -100%;
+  max-height: 72%;
+  padding: 14px;
+  background: var(--bg-color);
+  border-top: 1px solid var(--border-color);
+  overflow: auto;
+  transition: bottom .25s;
+}
+
+body.__PFX__-h96-open .__PFX__-h96-mask {
+  display: block;
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, .35)
+}
+
+body.__PFX__-h96-open .__PFX__-h96-panel {
+  bottom: 0
+}
+
+.__PFX__-h96-home,
+.__PFX__-h96-cats {
+  list-style: none;
+  margin: 0;
+  padding: 0
+}
+
+.__PFX__-h96-home li,
+.__PFX__-h96-cats li {
+  display: inline-block;
+  margin: 0 8px 8px 0
+}
+
+.__PFX__-h96-home li a,
+.__PFX__-h96-cats li a {
+  display: inline-block;
+  padding: 6px 10px;
+  border-radius: 999px;
+  border: 1px solid var(--border-color);
+  background: rgba(255, 255, 255, .55);
+  text-decoration: none;
+  color: var(--text-color);
+  font-size: 12px;
+}
+
+.__PFX__-h96-home li.active a {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  color: #fff;
+  font-weight: 900
+}
+
+.__PFX__-h96-cats li.active a {
+  background: var(--accent-color);
+  border-color: var(--accent-color);
+  font-weight: 900
+}
+
+@media(min-width:861px) {
+  .__PFX__-h96-btn {
+    display: none
+  }
+
+  .__PFX__-h96-mask {
+    display: none !important
+  }
+
+  .__PFX__-h96-panel {
+    position: static;
+    bottom: auto;
+    max-height: none;
+    padding: 8px 0 0;
+    border-top: none;
+    transition: none
+  }
+}