gpttemp

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

@@ -0,0 +1,97 @@
+/* head_65.css */
+/* head_65.css */
+.__PFX__-h65-minibar{
+    position:relative;
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+
+    padding:10px 14px;
+    border-bottom:1px solid var(--border-color);
+    background:var(--bg-color);
+}
+
+.__PFX__-h65-brand{
+    font-size:18px;
+    font-weight:900;
+    color:var(--text-color);
+    text-decoration:none;
+    letter-spacing:.3px;
+}
+.__PFX__-h65-menu-btn{
+    font-size:20px;
+    line-height:1;
+    background:none;
+    border:none;
+    color:var(--text-color);
+    cursor:pointer;
+    padding:6px 8px;
+    border-radius:6px;
+}
+
+.__PFX__-h65-menu-btn:hover{
+    background:var(--bg-soft-color);
+}
+.__PFX__-h65-panel{
+    position:absolute;
+    top:100%;
+    right:0;
+    width:260px;
+
+    background:var(--bg-color);
+    border:1px solid var(--border-color);
+    box-shadow:0 8px 24px var(--shadow-color);
+    border-radius:10px;
+
+    padding:12px;
+    margin-top:8px;
+
+    display:none;
+    z-index:100;
+}
+.__PFX__-h65-nav{
+    display:flex;
+    flex-direction:column;
+    gap:8px;
+    margin-bottom:12px;
+}
+
+.__PFX__-h65-nav-item{
+    text-decoration:none;
+    color:var(--text-color);
+    font-size:14px;
+    padding:6px 8px;
+    border-radius:6px;
+}
+
+.__PFX__-h65-nav-item:hover{
+    background:var(--bg-soft-color);
+}
+.__PFX__-h65-search{
+    display:flex;
+    gap:6px;
+}
+
+.__PFX__-h65-search input{
+    flex:1;
+    padding:6px 8px;
+    font-size:14px;
+    border:1px solid var(--border-color);
+    border-radius:6px;
+    background:var(--bg-soft-color);
+    color:var(--text-color);
+}
+
+.__PFX__-h65-search button{
+    padding:6px 10px;
+    font-size:14px;
+    border:none;
+    border-radius:6px;
+    background:var(--primary-color);
+    color:#fff;
+    cursor:pointer;
+}
+
+.__PFX__-h65-minibar:focus-within .__PFX__-h65-panel{
+    display:block;
+}