:root{--blue:#399dff;--cyan:#4ee7ff;--purple:#8b5cf6;--white:#fff;--muted:#d5e4fbcc;--glass:#111c2dcc;--glass2:#18263add;--line:#ffffff24;--shadow:0 18px 48px #00000052}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#fff}body{background:#07101f}.home-shell{min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 18% 16%,#1b70ff26,transparent 22rem),radial-gradient(circle at 84% 8%,#8b5cf626,transparent 24rem),linear-gradient(135deg,#07101f 0%,#0a1222 48%,#050914 100%)}.home-shell:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,transparent 0 48%,#ffffff08 49%,transparent 50% 100%),linear-gradient(60deg,transparent 0 62%,#399dff10 63%,transparent 64% 100%);background-size:260px 260px,340px 340px;opacity:.28;z-index:0;animation:gridDrift 22s linear infinite}.home-shell:after{content:"";position:fixed;inset:0;background:url('/assets/hero-github-directory.png') center/cover no-repeat;opacity:.08;filter:saturate(.65) blur(2px);transform:scale(1.04);z-index:0}.bg-mask{position:fixed;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),#399dff18,transparent 18rem),linear-gradient(180deg,#020713a8,#07101f80 38%,#020713cc);z-index:1;pointer-events:none}.bg-mask:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff30 1px,transparent 1px);background-size:42px 42px;opacity:.1;animation:particleFloat 18s linear infinite}.top-menu,.search-section,.content-wrap,.footer{position:relative;z-index:2}.top-menu{position:fixed;top:0;left:0;right:0;min-height:58px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.55rem 3vw;background:#02081378;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px);z-index:10}.logo{position:absolute;left:3vw;font-weight:900;color:#fff;text-decoration:none;letter-spacing:.03em;text-shadow:0 1px 3px #000}.top-menu nav{display:flex;justify-content:center;gap:.15rem;flex-wrap:wrap;max-width:920px}.top-menu button{background:transparent;border:0;color:#fff;font-size:15px;font-weight:650;padding:.65rem 1.15rem;border-radius:8px;cursor:pointer;position:relative;text-shadow:0 1px 2px #0009}.top-menu button:after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:translateX(-50%);transition:.2s}.top-menu button:hover,.top-menu button.active{color:var(--blue)}.top-menu button.active:after{width:52%}.admin-link{position:absolute;right:3vw;color:#fff;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.42rem .85rem;background:#ffffff12}.header-actions{position:absolute;right:3vw;display:flex;align-items:center;gap:.55rem}.lang-toggle{color:#fff;border:1px solid var(--line);border-radius:999px;padding:.42rem .72rem;background:#ffffff12;cursor:pointer;font-weight:800}.lang-toggle:hover{color:var(--blue);background:#ffffff24}.header-actions .admin-link{position:static}.search-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:7rem 1rem 2rem}.search-section.small{padding:6rem 1rem 1.4rem}.search-section h1{margin:.2rem 0 .55rem;font-size:clamp(2.3rem,5.2vw,4.8rem);letter-spacing:.02em;text-shadow:0 5px 24px #000}.search-section p{margin:0 0 1rem;color:#dceaff;text-shadow:0 1px 4px #000}.engine-tabs{display:flex;gap:.35rem;margin-bottom:.45rem}.engine-tabs button{border:0;background:transparent;color:#fff;padding:.25rem .8rem;border-radius:6px;cursor:pointer}.engine-tabs button.active,.engine-tabs button:hover{background:#399dff26;color:#74c2ff}.search-box{width:min(92vw,560px);display:flex;align-items:center;background:#1c2838d9;border-radius:24px;padding:.35rem;box-shadow:0 10px 32px #0005;backdrop-filter:blur(14px);border:1px solid #ffffff24}.search-box input{flex:1;border:0;background:transparent;padding:.62rem .9rem;font-size:1.05rem;color:#fff;outline:none}.search-box input::placeholder{color:#d5e4fbba}.search-box button{border:0;border-radius:50%;width:42px;height:42px;background:#ffffff12;color:#fff;font-size:22px;cursor:pointer}.search-box button:hover{background:var(--blue)}.content-wrap{display:flex;max-width:1460px;margin:0 auto;padding:0 1.4rem 1rem;gap:2rem;align-items:flex-start}.content-wrap.single{max-width:1120px}.main-content{flex:1;min-width:0}.category-title{max-width:70rem;margin:0 auto 1rem;display:flex;align-items:end;justify-content:space-between;color:#fff;text-shadow:0 1px 3px #000}.category-title span{font-size:1.2rem;font-weight:900}.category-title small{color:#dceaff}.link-grid{max-width:70rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.link-item{min-height:142px;background:linear-gradient(180deg,#172335d9,#111a29d9);border:1px solid #ffffff20;border-radius:18px;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;box-shadow:0 6px 18px #00000036;transition:.2s transform,.2s border-color,.2s background,.2s box-shadow;backdrop-filter:blur(10px);overflow:hidden;padding:16px;position:relative}.link-item:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,0%),#4ee7ff45,transparent 42%);opacity:0;transition:.18s;pointer-events:none}.link-item:after{content:"";position:absolute;left:-60%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,#ffffff24,transparent);transform:skewX(-18deg);transition:.55s;pointer-events:none}.link-item:hover{background:linear-gradient(180deg,#1d2d43e8,#142035e8);transform:translateY(-4px);border-color:#4ee7ff78;box-shadow:0 14px 36px #0008,0 0 24px #399dff24}.link-item:hover:before{opacity:1}.link-item:hover:after{left:120%}.card-head{width:100%;display:flex;align-items:center;gap:.75rem;margin-bottom:.72rem}.site-icon{width:42px;height:42px;min-width:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#399dff,#8b5cf6);font-size:.82rem;font-weight:950;box-shadow:0 5px 14px #0005}.title-wrap{min-width:0}.link-item strong{display:block;font-size:1rem;line-height:1.18;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-item em{display:block;font-style:normal;font-size:.72rem;color:#98d8ff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.18rem}.link-desc{position:relative;z-index:1;margin:0;color:#d5e4fbd8;font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ad-space{width:90px;min-width:70px;display:flex;justify-content:center}.ad-space div{width:86px;height:160px;border-radius:14px;border:1px dashed #ffffff35;background:#101a29b5;display:flex;align-items:center;justify-content:center;text-align:center;color:#d5e4fbcc;line-height:1.7;backdrop-filter:blur(8px)}.footer{margin-top:auto;padding:1.4rem 1rem 2rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer a,.footer button{color:#dceaff;background:none;border:0;text-decoration:none;font-size:14px;cursor:pointer}.footer a:hover,.footer button:hover{color:var(--blue)}.cursor-trail{position:fixed;width:12px;height:12px;border-radius:999px;pointer-events:none;z-index:9999;background:radial-gradient(circle,#ffffff,#4ee7ff 45%,transparent 72%);box-shadow:0 0 16px #4ee7ff;transform:translate(-50%,-50%);animation:trailFade .75s ease-out forwards}.sparkle{position:fixed;width:4px;height:4px;border-radius:999px;background:#8eefff;pointer-events:none;z-index:9998;box-shadow:0 0 12px #4ee7ff;animation:sparkFade 1s ease-out forwards}@keyframes trailFade{to{opacity:0;transform:translate(-50%,-50%) scale(.25)}}@keyframes sparkFade{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes gridDrift{to{background-position:260px 260px,-340px 340px}}@keyframes particleFloat{to{background-position:42px 84px}}@media(max-width:1200px){.link-grid{grid-template-columns:repeat(3,1fr);max-width:58rem}.ad-space{display:none}.top-menu nav{max-width:680px}.top-menu button{padding:.55rem .8rem}}@media(max-width:768px){.top-menu{position:relative;align-items:flex-start;flex-direction:column;padding:.8rem}.logo,.admin-link,.header-actions{position:static}.top-menu nav{justify-content:flex-start}.top-menu button{font-size:13px;padding:.35rem .55rem}.search-section{padding:2.3rem 1rem 1.4rem}.link-grid{grid-template-columns:1fr 1fr;gap:12px}.link-item{min-height:138px;padding:13px}.content-wrap{padding:0 .8rem}.search-section h1{font-size:2.05rem}.site-icon{width:38px;height:38px;min-width:38px}.link-desc{font-size:.78rem}}@media(max-width:460px){.link-grid{grid-template-columns:1fr}.link-item{min-height:126px}}


/* WebStack + LyLme inspired navigation refinements */
.daily-line{margin:-.35rem 0 1rem!important;font-size:.92rem;color:#b9d5f4!important;opacity:.92}.webstack-layout{display:grid;grid-template-columns:180px minmax(0,1fr)116px;align-items:start}.category-sidebar{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;border:1px solid #ffffff18;border-radius:18px;background:#091422b8;backdrop-filter:blur(16px);box-shadow:0 12px 28px #00000030;padding:.7rem}.side-title{font-size:.78rem;color:#95cfff;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin:.25rem .45rem .55rem}.category-sidebar button{width:100%;display:flex;align-items:center;gap:.48rem;margin:.1rem 0;padding:.58rem .55rem;border:0;border-radius:12px;background:transparent;color:#dceaff;text-align:left;cursor:pointer;font-weight:750}.category-sidebar button span{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff10;color:#74c2ff;font-size:.72rem}.category-sidebar button:hover,.category-sidebar button.active{background:linear-gradient(90deg,#399dff2a,#8b5cf61c);color:#fff}.category-sidebar button.active span{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.quick-panel{position:sticky;top:78px;display:flex;flex-direction:column;gap:.65rem}.quick-panel a{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;color:#dceaff;text-decoration:none;border:1px solid #ffffff1f;border-radius:14px;background:#101a29bd;backdrop-filter:blur(12px);font-weight:800;font-size:.84rem}.quick-panel a:hover{color:#fff;border-color:#4ee7ff78;background:#17283edc}.directory-intro{max-width:70rem;margin:0 auto 1rem;padding:1rem 1.1rem;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(135deg,#101b2bd4,#0c1423be);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 12px 32px #00000028}.directory-intro strong{display:block;font-size:1.02rem;line-height:1.5}.eyebrow{display:inline-block;color:#87dfff;font-size:.75rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.stats-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.stats-row span{border:1px solid #ffffff1d;background:#ffffff0d;border-radius:999px;color:#dceaff;padding:.34rem .58rem;font-size:.76rem;font-weight:800}.tag-row{position:relative;z-index:1;width:100%;margin-top:auto;padding-top:.75rem;display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.tag-row span,.tag-row b{font-size:.68rem;line-height:1;border:1px solid #ffffff17;border-radius:999px;padding:.3rem .42rem;color:#bfe6ff;background:#ffffff0b;font-weight:800}.tag-row b{margin-left:auto;color:#fff;background:#399dff25;border-color:#4ee7ff40}.section-list{max-width:70rem;margin:1.15rem auto 0}.section-heading{margin:1.2rem 0 .75rem;color:#fff;font-weight:950;font-size:1.05rem;text-shadow:0 1px 3px #000}.nav-section{scroll-margin-top:86px;margin:0 0 1.25rem}.nav-section h2{display:flex;align-items:center;justify-content:space-between;margin:.2rem 0 .65rem;padding:.35rem .15rem;color:#fff;font-size:1rem}.nav-section h2 span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:.5rem;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 14px #4ee7ff}.nav-section h2 small{color:#99c9ed;font-size:.75rem}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-grid .link-item{min-height:136px}.back-top{position:fixed;right:22px;bottom:24px;z-index:30;width:44px;height:44px;border-radius:999px;border:1px solid #4ee7ff55;background:#0d1a2bd9;color:#fff;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px #0008;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.back-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{background:linear-gradient(135deg,var(--blue),var(--purple))}
@media(max-width:1200px){.webstack-layout{grid-template-columns:150px minmax(0,1fr)}.quick-panel{display:none}.mini-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.webstack-layout{display:block}.category-sidebar{position:relative;top:auto;max-height:none;margin:0 auto 1rem;max-width:70rem;display:flex;gap:.35rem;overflow:auto}.side-title{display:none}.category-sidebar button{white-space:nowrap;width:auto;min-width:max-content}.directory-intro{align-items:flex-start;flex-direction:column}.stats-row{justify-content:flex-start}.mini-grid{grid-template-columns:1fr 1fr}.daily-line{font-size:.82rem}.back-top{right:14px;bottom:16px}}
@media(max-width:460px){.mini-grid{grid-template-columns:1fr}.directory-intro{padding:.85rem}.tag-row b{margin-left:0}}

.friend-link{font-weight:800;color:#fff!important}.friend-link:before{content:"↗";margin-right:.35rem;color:#74c2ff}

/* Keep the footer link bar at the visual bottom of each page */
.home-shell{display:flex;flex-direction:column}
.content-wrap{flex:1;width:100%}
.footer{margin-top:auto;min-height:76px;align-items:center;background:linear-gradient(180deg,transparent,#06101f96);border-top:1px solid #ffffff0b}
@media(max-width:768px){.footer{min-height:66px;padding:1rem .8rem 1.2rem;gap:1.15rem}}

/* Highlighted daily project */
.daily-recommend{max-width:70rem;margin:0 auto 1rem}.daily-card{display:block;position:relative;overflow:hidden;text-decoration:none;color:#fff;border:1px solid #7dd3ff66;border-radius:22px;background:linear-gradient(135deg,#153456e8,#18203bdd 48%,#2b1f55d9);box-shadow:0 18px 44px #0008,0 0 34px #399dff28;padding:1rem 1.1rem}.daily-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 10%,#4ee7ff38,transparent 24%),radial-gradient(circle at 86% 16%,#facc1530,transparent 18%);animation:dailyGlow 7s ease-in-out infinite alternate;pointer-events:none}.daily-card:hover{transform:translateY(-3px);border-color:#facc15aa;box-shadow:0 24px 56px #0009,0 0 42px #facc1525}.daily-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.3rem;margin-bottom:.72rem;padding:.35rem .65rem;border-radius:999px;background:linear-gradient(90deg,#facc15,#38bdf8);color:#07101f;font-size:.78rem;font-weight:950}.daily-main{position:relative;z-index:1;display:flex;gap:.9rem;align-items:flex-start}.daily-icon{width:52px;height:52px;min-width:52px;border-radius:16px;background:linear-gradient(135deg,#facc15,#38bdf8,#8b5cf6);color:#06101e}.daily-main strong{display:block;font-size:1.26rem;line-height:1.15}.daily-main em{display:block;font-style:normal;color:#9ee7ff;font-size:.8rem;margin:.15rem 0 .35rem}.daily-main p{margin:.1rem 0;color:#e4efff;line-height:1.55}.daily-main small{display:block;color:#bfd8f7;margin:.28rem 0 0}.daily-tags{padding-top:.55rem;margin-top:.1rem}.daily-tags b{margin-left:.2rem}@keyframes dailyGlow{to{transform:translate3d(4%,2%,0) scale(1.04)}}
@media(max-width:640px){.daily-main{flex-direction:column}.daily-card{padding:.9rem}.daily-main strong{font-size:1.08rem}}

/* Tidy featured grid: keep rows visually even after adding Baidu/search tabs */
.engine-tabs{flex-wrap:wrap;justify-content:center;max-width:min(92vw,680px)}
.link-grid{align-items:stretch}
.link-item{height:100%}
@media(min-width:1201px){.link-grid{grid-auto-rows:1fr}.link-item{min-height:160px}}