gpttemp

code/public/static/css/modules/head/head_28.css

@@ -0,0 +1,66 @@
+/* head_28.css */
+
+.__PFX__-h28-wrap{
+    padding:12px 12px 8px;
+    background:
+      linear-gradient(90deg,
+        var(--grad-start) 0,
+        var(--grad-start) 20%,
+        var(--grad-end) 20%,
+        var(--grad-end) 40%,
+        var(--bg-color) 40%,
+        var(--bg-color) 100%);
+    border-bottom:1px solid var(--border-color);
+}
+
+.__PFX__-h28-logoBlk{
+    text-align:center;
+}
+
+.__PFX__-h28-logo{
+    display:inline-block;
+    padding:3px 10px;
+    border-radius:999px;
+    background:rgba(255,255,255,0.9);
+    color:var(--primary-color);
+    font-weight:700;
+}
+
+.__PFX__-h28-search{
+    margin-top:8px;
+}
+
+.__PFX__-h28-search input{
+    width:100%;
+    padding:7px 10px;
+    border-radius:8px;
+    border:1px solid var(--border-color);
+}
+
+/* 分类条形按钮 */
+.__PFX__-h28-catrow{
+    margin-top:6px;
+    display:flex;
+    gap:6px;
+    overflow-x:auto;
+}
+
+.__PFX__-h28-catrow button{
+    flex:0 0 auto;
+    padding:0;
+    border:none;
+    background:transparent;
+}
+
+.__PFX__-h28-catrow a{
+    display:inline-block;
+    padding:3px 10px;
+    border-radius:999px;
+    background:rgba(255,255,255,0.7);
+    font-size:11px;
+}
+
+.__PFX__-h28-catrow a.active{
+    background:#000000dd;
+    color:#fff;
+}