:root{--bg:#0b1220;--bg2:#111a2e;--card:#151f36;--line:#22304d;--tx:#e8eefb;--mut:#93a1bd;--ac:#22e39a;--ac2:#0a8f8a;--warn:#ffcc66;--r:14px}
@media (prefers-color-scheme:light){:root{--bg:#f4f7fb;--bg2:#fff;--card:#fff;--line:#e2e8f2;--tx:#14213d;--mut:#5b6b88;--ac:#0bb57a;--ac2:#08857f}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:8px;color:var(--tx);font-size:21px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}
.brand b{color:var(--ac)}.brand:hover{text-decoration:none}
.nav{display:flex;gap:4px}.nav a{color:var(--tx);padding:8px 12px;border-radius:10px;font-weight:500}.nav a:hover{background:var(--card);text-decoration:none}
.search{flex:1;display:flex;max-width:420px;margin-left:auto}
.search input{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);color:var(--tx);border-radius:10px 0 0 10px;padding:9px 12px;font-size:15px}
.search button{background:var(--ac);border:0;color:#04130d;border-radius:0 10px 10px 0;padding:0 14px;font-size:18px;cursor:pointer}
.lang{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:8px}
main{min-height:60vh;padding-top:20px;padding-bottom:40px}
.hero{text-align:center;padding:36px 12px 28px;margin-bottom:12px;border-radius:22px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--ac) 25%,transparent),transparent 55%),var(--bg2);border:1px solid var(--line)}
.hero h1{font-size:clamp(22px,3.4vw,34px);line-height:1.25;margin:0 0 18px}
.hero-search{display:flex;max-width:560px;margin:0 auto}
.hero-search input{flex:1;min-width:0;padding:13px 16px;border-radius:12px 0 0 12px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-size:16px}
.hero-search button{border:0;border-radius:0 12px 12px 0;padding:0 22px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#04130d;font-weight:700;cursor:pointer}
section{margin:26px 0}
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sh h2{font-size:21px;margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;color:var(--tx);transition:transform .12s,border-color .12s}
.card:hover{transform:translateY(-2px);border-color:var(--ac);text-decoration:none}
.card .ic{width:72px;height:72px;border-radius:16px;object-fit:cover;flex:none;background:var(--bg2)}
.ci{min-width:0}.ci h3{font-size:16px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta{display:flex;gap:8px;color:var(--mut);font-size:13px}
.mod{display:inline-block;margin-top:4px;font-size:12px;font-weight:600;color:#04130d;background:var(--ac);padding:1px 8px;border-radius:999px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat{font-size:13px;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{background:var(--card);border:1px solid var(--line);padding:6px 12px;border-radius:999px;color:var(--tx);font-size:14px}.chips small{color:var(--mut)}
.crumbs{font-size:14px;color:var(--mut);margin-bottom:12px}.crumbs a{color:var(--mut)}
.ph{font-size:26px;margin:0 0 16px}
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:24px 0}.pager a,.pager span{padding:7px 13px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--tx)}.pager .cur{background:var(--ac);color:#04130d;border-color:var(--ac)}
.post{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:22px}
.app-head{display:flex;gap:18px;align-items:flex-start}
.app-ic{width:96px;height:96px;border-radius:22px;object-fit:cover;flex:none;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.app-head h1{font-size:clamp(20px,3vw,28px);line-height:1.25;margin:0 0 6px}
.stats{display:flex;gap:14px;color:var(--mut);font-size:14px;margin-bottom:10px;flex-wrap:wrap}
.btn-dl{display:inline-block;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#04130d;font-weight:700;padding:12px 22px;border-radius:12px;box-shadow:0 6px 18px color-mix(in srgb,var(--ac) 35%,transparent)}
.btn-dl:hover{text-decoration:none;filter:brightness(1.07)}.btn-dl small{font-weight:500}
.info{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.info th,.info td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.info th{color:var(--mut);font-weight:500;width:34%}
.feat{background:color-mix(in srgb,var(--ac) 10%,var(--card));border:1px solid color-mix(in srgb,var(--ac) 40%,var(--line));border-radius:var(--r);padding:6px 18px;margin:18px 0}
.feat h2{font-size:18px;margin:12px 0 4px}
.content{font-size:16.5px}.content h2{font-size:22px;margin:28px 0 10px}.content h3{font-size:19px;margin:22px 0 8px}
.content figure{margin:16px 0;text-align:center}.content img{border-radius:12px}
.cta{text-align:center;margin:26px 0 6px}
.dl-page{max-width:760px;margin:0 auto;text-align:center;background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:26px 18px}
.dl-page h1{font-size:24px;line-height:1.3}.dl-page h2{font-size:18px}
.files{display:grid;gap:10px;margin:14px 0}.file{display:flex;flex-direction:column;gap:2px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#04130d;padding:14px;border-radius:14px}
.file:hover{text-decoration:none;filter:brightness(1.06)}.file span{font-size:13px;opacity:.85}
.wait{background:var(--card);padding:14px;border-radius:12px}
.howto{text-align:left}.note{color:var(--warn);font-size:14px}.back{display:inline-block;margin-top:10px}
.empty{color:var(--mut);padding:20px;text-align:center}
.err{text-align:center;padding:40px 0}.err h1{font-size:72px;margin:0;color:var(--ac)}
.foot{border-top:1px solid var(--line);background:var(--bg2);padding:26px 0;color:var(--mut);font-size:14px}
.foot-brand{display:flex;align-items:center;gap:8px;color:var(--tx);font-size:18px}.muted{color:var(--mut)}
@media (max-width:760px){.nav{display:none}.top-in{gap:10px}.brand span{display:none}.search{max-width:none}.app-head{flex-direction:column;align-items:center;text-align:center}.post{padding:16px}.grid{grid-template-columns:1fr}}