*{box-sizing:border-box}
:root{--bg:#080b12;--surface:#111723;--surface2:#151d2c;--line:#253149;--text:#edf5ff;--muted:#8da0bc;--brand:#7357ff;--cyan:#18c4c4;--green:#20c997;--gold:#f6b73c}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.55}a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100vw - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:10;background:rgba(8,11,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header .container{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:900}.brand span{color:var(--cyan)}.nav{display:flex;gap:16px;color:#d5e1f3;font-weight:800}
.hero{padding:52px 0 34px;background:radial-gradient(circle at 18% -10%,rgba(115,87,255,.35),transparent 34%),radial-gradient(circle at 88% 20%,rgba(24,196,196,.16),transparent 28%),linear-gradient(180deg,#111827,#080b12);border-bottom:1px solid var(--line)}
.hero h1{margin:0;font-size:42px;line-height:1.15;letter-spacing:0}.hero p{margin:14px 0 0;color:var(--muted);max-width:760px}.botnav-mark{display:inline-block;background:linear-gradient(90deg,#fff,#18c4c4,#7357ff,#fff);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:markshine 4s linear infinite}.botnav-mark span{color:transparent}@keyframes markshine{to{background-position:240% 0}}.search{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:26px;max-width:980px}
.input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#0e1420;color:var(--text);padding:0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:900;cursor:pointer}.btn.green{background:var(--green)}.btn.ghost{background:#202a3c}
.section{padding:28px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section h2,.section-title h2{margin:0;font-size:24px}.muted{color:var(--muted)}
.category-strip{display:flex;flex-wrap:wrap;gap:10px}.cat-pill{height:36px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:0 13px;color:#dbeafe;font-weight:900}.cat-pill span{color:var(--muted);font-size:12px}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.cat-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:132px;border:1px solid rgba(84,115,180,.62);background:linear-gradient(180deg,#172235,#101723);border-radius:14px;padding:16px 10px;text-align:center;transition:.18s;box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}.cat-tile:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 28% 8%,rgba(255,255,255,.16),transparent 32%),linear-gradient(135deg,rgba(115,87,255,.28),rgba(24,196,196,.1));opacity:.8;pointer-events:none}.cat-tile:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#18c4c4,#7357ff,transparent);opacity:.75}.cat-tile:hover{border-color:rgba(24,196,196,.9);transform:translateY(-4px);box-shadow:0 20px 42px rgba(0,0,0,.36),0 0 0 1px rgba(24,196,196,.2)}.cat-icon,.cat-tile b,.cat-tile em{position:relative;z-index:1}.cat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#7357ff,#18c4c4);box-shadow:0 0 26px rgba(115,87,255,.38);font-size:21px;font-weight:900;color:#fff}.cat-tile b{font-size:15px;text-shadow:0 1px 10px rgba(255,255,255,.12)}.cat-tile em{color:#9dccff;font-style:normal;font-size:12px}
.cat-tile:nth-child(6n+1) .cat-icon{background:linear-gradient(135deg,#7357ff,#38bdf8)}.cat-tile:nth-child(6n+2) .cat-icon{background:linear-gradient(135deg,#14b8a6,#22c55e)}.cat-tile:nth-child(6n+3) .cat-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)}.cat-tile:nth-child(6n+4) .cat-icon{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.cat-tile:nth-child(6n+5) .cat-icon{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.cat-tile:nth-child(6n) .cat-icon{background:linear-gradient(135deg,#f97316,#eab308)}
.ad{display:block;margin-top:18px;border:1px solid rgba(24,196,196,.3);background:linear-gradient(135deg,rgba(24,196,196,.14),rgba(115,87,255,.1));border-radius:10px;padding:14px 16px}.ad p{margin:5px 0 0;color:#c4d0e4}
.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bot-card{display:grid;grid-template-columns:72px 1fr;gap:14px;min-height:178px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;transition:.16s}.bot-card:hover{transform:translateY(-2px);border-color:rgba(115,87,255,.65);background:var(--surface2);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.bot-avatar{width:72px;height:72px;max-width:72px;max-height:72px;border-radius:18px;object-fit:cover;background:#263246;display:block}.bot-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--cyan));font-size:24px;font-weight:900}
.bot-avatar.p0{background:linear-gradient(135deg,#7357ff,#18c4c4)}.bot-avatar.p1{background:linear-gradient(135deg,#f59e0b,#ef4444)}.bot-avatar.p2{background:linear-gradient(135deg,#10b981,#3b82f6)}.bot-avatar.p3{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.bot-avatar.p4{background:linear-gradient(135deg,#06b6d4,#84cc16)}.bot-avatar.p5{background:linear-gradient(135deg,#6366f1,#22c55e)}.bot-avatar.p6{background:linear-gradient(135deg,#f97316,#eab308)}.bot-avatar.p7{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}
.bot-card h3{margin:0 0 4px;font-size:18px;line-height:1.25;word-break:break-word}.titleline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.titleline .badge{order:-1}.titleline .name{order:1;font-size:18px;font-weight:900}.username{color:#93c5fd;font-weight:800}.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0;color:#dce8f8}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border-radius:999px;background:#202b3d;color:#d2ddf0;font-size:12px;font-weight:900}.badge.official{background:rgba(24,196,196,.2);color:#79fff6;border:1px solid rgba(24,196,196,.35)}.badge.top{background:rgba(246,183,60,.18);color:#ffdb91;border:1px solid rgba(246,183,60,.35)}.badge.recommend{background:rgba(115,87,255,.22);color:#d9d2ff;border:1px solid rgba(115,87,255,.4)}
.badges .badge:nth-child(1){background:rgba(59,130,246,.18);color:#b9d7ff;border:1px solid rgba(59,130,246,.34)}
.badges .badge:nth-child(2){background:rgba(20,184,166,.18);color:#a8fff3;border:1px solid rgba(20,184,166,.34)}
.badges .badge:nth-child(3){background:rgba(244,114,182,.16);color:#ffc3df;border:1px solid rgba(244,114,182,.34)}
.badges .badge.free{background:rgba(34,197,94,.18);color:#90ffc0;border:1px solid rgba(34,197,94,.42)}
.badges .badge.paid{background:rgba(245,158,11,.18);color:#ffd48a;border:1px solid rgba(245,158,11,.46)}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:var(--muted);font-size:13px}.empty{border:1px dashed var(--line);border-radius:10px;padding:28px;color:var(--muted);background:rgba(255,255,255,.02)}
.crumbs{display:flex;gap:8px;align-items:center;margin:22px 0;color:var(--muted);font-size:14px}.crumbs a{color:#cfe0ff}.detail-hero{display:grid;grid-template-columns:112px 1fr;gap:22px;margin:14px 0 24px;padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#121a29,#0d1320)}.detail-hero .bot-avatar{width:112px;height:112px;max-width:112px;max-height:112px;border-radius:24px}.detail-hero h1{margin:0 0 8px;font-size:34px}.detail-hero .desc{display:block;overflow:visible;max-width:880px}.detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:10px;background:#0f1624;padding:13px}.stat b{display:block;font-size:21px}.stat span{color:var(--muted);font-size:12px}.footer{padding:34px 0;color:#91a1b9;border-top:1px solid var(--line);margin-top:34px;background:#090d15}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:28px}.footer h3{margin:0 0 10px;color:#fff}.footer a{display:block;color:#cdd8eb;margin:7px 0}.disclaimer{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;color:#9eacc2}.copyright{text-align:center;color:#718199;margin-top:22px}
@media(max-width:960px){.bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:32px}.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.detail-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.header .container{height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.search{grid-template-columns:1fr}.bot-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr}.hero{padding:34px 0 24px}.hero h1{font-size:28px}}