*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f0f2ff;color:#223}
header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 20px;background:linear-gradient(90deg,#6a5cff,#ff5ca8);color:#fff;position:sticky;top:0;z-index:5}
.logo{font-weight:900;font-size:26px;color:#fff;text-decoration:none}.logo b{color:#ffe14d}
#search{flex:1;min-width:160px;max-width:400px;padding:10px 16px;border-radius:30px;border:0;font-size:15px}
.cats{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px}.cats button{border:0;padding:8px 18px;border-radius:20px;background:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0001}
.cats button.on{background:#6a5cff;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding:0 20px 30px}
.card{display:block;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:#223;box-shadow:0 3px 10px #0002;transition:.2s}
.card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 20px #0003}.card svg{display:block;width:100%}.card span{display:block;padding:8px 12px;font-weight:700}
.wrap{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:20px}@media(max-width:800px){.wrap{grid-template-columns:1fr}}
.player{background:#fff;border-radius:16px;padding:12px;box-shadow:0 3px 10px #0002}
iframe{width:100%;aspect-ratio:4/3;max-height:75vh;border:0;border-radius:12px;background:#111}
.side{display:grid;gap:12px;align-content:start}.side h3{margin:0}
.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.sec{padding:0 20px;margin:10px 0}.player small a{color:#6a5cff}
.ad{margin:14px auto;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#fff8,#fff8 10px,#eef0ff8 10px,#e9ebff 20px);border:1px dashed #c5c8ef;border-radius:10px;color:#9aa0c8;font:600 11px system-ui;letter-spacing:2px;text-transform:uppercase;overflow:hidden;position:relative;z-index:0}
.ad-top{width:728px;height:90px;max-width:calc(100% - 40px)}@media(max-width:760px){.ad-top{width:320px;height:50px}}
.ad-grid{width:728px;height:90px;max-width:calc(100% - 40px)}.ad-side{width:300px;height:250px;max-width:100%;margin:0}
footer{text-align:center;padding:24px;color:#778;font-size:13px}footer a{color:#6a5cff}
.priv{max-width:760px;margin:30px auto;padding:0 20px;line-height:1.6}
.morebtn{border:0;background:#6a5cff;color:#fff;font-weight:700;padding:12px 28px;border-radius:30px;cursor:pointer;margin:0 0 20px}
.installbar{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:50;display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 6px 24px #0003;max-width:calc(100% - 24px);font-size:13px}
.installbar img{width:40px;height:40px;border-radius:10px}.installbar .go{border:0;background:#6a5cff;color:#fff;font-weight:700;padding:8px 16px;border-radius:20px;cursor:pointer}.installbar .x{border:0;background:none;font-size:16px;cursor:pointer;color:#889}