/* ===== 全局搜索（glow 输入框 + 分类筛选）—— 子页共用片段 ===== */
/* 由主页 index.html 的 .gsearch 样式抽取，子页通过 <link> 引入。 */

/* 子页顶部 sticky 工具条：返回首页 + glow 搜索 */
.subtop{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;
  padding:12px 18px;background:rgba(8,10,20,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08)}
.subtop .subhome{display:flex;align-items:center;gap:6px;flex-shrink:0;
  color:#c8b6ff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;
  padding:8px 12px;border-radius:10px;border:1px solid rgba(200,182,255,.25);transition:.18s}
.subtop .subhome:hover{background:rgba(200,182,255,.12);color:#fff}
.subtop .gsearch{margin-bottom:0;max-width:none;flex:1;min-width:0}

/* 以下为主页同款 glow 搜索样式 */
.gsearch{position:relative;width:100%;max-width:600px;margin-bottom:26px}
.gs-row{display:flex;gap:10px;align-items:stretch}
#poda{position:relative;flex:1;display:flex;align-items:center}
.white,.border,.darkBorderBg,.glow{position:absolute;overflow:hidden;z-index:-1;border-radius:14px;pointer-events:none}
.darkBorderBg{inset:0;max-height:60px}
.darkBorderBg::before{content:"";position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(82deg);width:600px;height:600px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(rgba(0,0,0,0),#18116a,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,#6e1b60,rgba(0,0,0,0) 60%);transition:all 2s}
.glow{inset:0;max-height:120px;filter:blur(26px);opacity:.45}
.glow::before{content:"";position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(60deg);width:999px;height:999px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#000,#402fb5 5%,#000 38%,#000 50%,#cf30aa 60%,#000 87%);transition:all 2s}
.white{inset:3px;max-height:54px;border-radius:11px}
.white::before{content:"";position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(83deg);width:600px;height:600px;background-repeat:no-repeat;background-position:0 0;filter:brightness(1.4);background-image:conic-gradient(rgba(0,0,0,0) 0%,#a099d8,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 50%,#dfa2da,rgba(0,0,0,0) 58%);transition:all 2s}
.border{inset:3px;max-height:54px;border-radius:12px}
.border::before{content:"";position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(70deg);width:600px;height:600px;filter:brightness(1.3);background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#1c191c,#402fb5 5%,#1c191c 14%,#1c191c 50%,#cf30aa 60%,#1c191c 64%);transition:all 2s}
#poda:hover>.darkBorderBg::before{transform:translate(-50%,-50%) rotate(262deg)}
#poda:hover>.glow::before{transform:translate(-50%,-50%) rotate(240deg)}
#poda:hover>.white::before{transform:translate(-50%,-50%) rotate(263deg)}
#poda:hover>.border::before{transform:translate(-50%,-50%) rotate(250deg)}
#poda:focus-within>.darkBorderBg::before{transform:translate(-50%,-50%) rotate(442deg);transition:all 4s}
#poda:focus-within>.glow::before{transform:translate(-50%,-50%) rotate(420deg);transition:all 4s}
#poda:focus-within>.white::before{transform:translate(-50%,-50%) rotate(443deg);transition:all 4s}
#poda:focus-within>.border::before{transform:translate(-50%,-50%) rotate(430deg);transition:all 4s}
.input{position:relative;z-index:1;background-color:rgba(8,10,20,.92);border:1px solid rgba(255,255,255,.08);width:100%;height:56px;border-radius:12px;color:#fff;padding-inline:46px 16px;font-size:16px;font-family:inherit;outline:none}
.input::placeholder{color:#9a93a8}
#search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;color:rgba(255,255,255,.7);font-size:20px;pointer-events:none}
#filter-icon{position:relative;width:56px;height:56px;border-radius:12px;border:0;background:linear-gradient(180deg,#161329,#000,#1d1b4b);color:#c8b6ff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;z-index:1;transition:.18s}
#filter-icon svg{width:20px;height:20px}
#filter-icon.active,#filter-icon:hover{color:#fff}
.filterBorder{position:absolute;inset:-1px;border-radius:12px;overflow:hidden;pointer-events:none;z-index:-1}
.filterBorder::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:600px;height:600px;background-image:conic-gradient(rgba(0,0,0,0),#3d3a4f,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 50%,#3d3a4f,rgba(0,0,0,0) 100%);filter:brightness(1.35);animation:rotate 4s linear infinite}
.gs-cat-menu{position:absolute;top:64px;right:0;min-width:120px;z-index:70;background:rgba(13,20,40,.97);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.5);overflow:hidden;display:none}
.gs-cat-menu.show{display:block}
.gs-cat-menu a{display:block;padding:10px 14px;color:#e6edf7;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.gs-cat-menu a:last-child{border-bottom:0}
.gs-cat-menu a:hover,.gs-cat-menu a.active{background:rgba(94,234,212,.14)}
.gs-cat-menu .all{font-weight:700;color:#c8b6ff}
@keyframes rotate{100%{transform:translate(-50%,-50%) rotate(450deg)}}
.gs-res{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:60;background:rgba(13,20,40,.97);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);
  border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.5);overflow:hidden;display:none;max-height:58vh;overflow-y:auto}
.gs-res.show{display:block}
.gs-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#e6edf7;text-decoration:none;border-bottom:1px solid rgba(147,197,253,.12)}
.gs-item:last-child{border-bottom:none}
.gs-item:hover,.gs-item.active{background:rgba(94,234,212,.14)}
.gs-ic2{font-size:20px;flex-shrink:0}
.gs-n{font-weight:600;flex:1}
.gs-c{font-size:12px;color:#7fe9d2;background:rgba(34,211,238,.16);padding:3px 10px;border-radius:999px;flex-shrink:0}
.gs-empty{padding:14px 16px;color:#94a3b8;font-size:14px}

/* 窄屏适配 */
@media (max-width:560px){
  .subtop{gap:10px;padding:10px 12px}
  .subtop .subhome span{display:none}
  #poda .input{padding-inline:42px 12px}
}