gpttemp

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

@@ -0,0 +1,100 @@
+/* head_52.css - visible nav / sectioned layout */
+
+.__PFX__-h52-shell{
+    background:#f9fafb;
+    border-bottom:1px solid var(--border-color);
+}
+
+/* 上半区：品牌 + 搜索 */
+
+.__PFX__-h52-branding{
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    padding:12px 14px 10px;
+    gap:14px;
+}
+
+.__PFX__-h52-logo a{
+    font-size:20px;
+    font-weight:800;
+    color:var(--text_primary,#111827);
+    text-decoration:none;
+}
+
+.__PFX__-h52-searchbox form{
+    display:flex;
+    align-items:center;
+    gap:6px;
+    background:#fff;
+    border:1px solid var(--border-color);
+    border-radius:10px;
+    padding:4px 6px 4px 10px;
+}
+
+.__PFX__-h52-searchbox input{
+    border:none;
+    background:transparent;
+    font-size:13px;
+    min-width:180px;
+    outline:none;
+}
+
+.__PFX__-h52-searchbox button{
+    border:none;
+    background:#111827;
+    color:#fff;
+    font-size:12px;
+    padding:6px 10px;
+    border-radius:8px;
+    cursor:pointer;
+}
+
+/* 下半区：分类入口 */
+
+.__PFX__-h52-channel{
+    background:#ffffff;
+    border-top:1px solid var(--border-color);
+    padding:6px 12px 8px;
+}
+
+.__PFX__-h52-items{
+    display:flex;
+    flex-wrap:wrap;
+    gap:8px 10px;
+    list-style:none;
+    margin:0;
+    padding:0;
+}
+
+.__PFX__-h52-items a{
+    display:block;
+    padding:4px 10px;
+    font-size:12px;
+    color:#374151;
+    text-decoration:none;
+    border-radius:6px;
+    background:#f3f4f6;
+}
+
+.__PFX__-h52-items a.active{
+    background:#111827;
+    color:#ffffff;
+}
+
+/* 响应式：移动端搜索占整行 */
+
+@media (max-width: 860px){
+    .__PFX__-h52-branding{
+        flex-direction:column;
+        align-items:stretch;
+    }
+
+    .__PFX__-h52-searchbox form{
+        width:100%;
+    }
+
+    .__PFX__-h52-searchbox input{
+        flex:1;
+    }
+}