*{box-sizing:border-box;margin:0}body{font-size:16px;line-height:1.6;font-family:ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#f2f4f5;color:#232527}
a{color:inherit;text-decoration:none}.w{max-width:1140px;margin:0 auto;padding:0 16px}
header{background:#232527;color:#fff;top:0;z-index:5;border-bottom:3px solid #00a2ff}header .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px}
.logo{font-weight:800;font-size:1.3rem;display:flex;align-items:center;gap:8px}.logo i{width:26px;height:26px;background:#00a2ff;border-radius:6px;transform:rotate(12deg);display:inline-block}.logo span{color:#00a2ff}
nav{display:flex;flex-wrap:wrap;gap:6px}nav a{padding:6px 14px;border-radius:20px;font-size:.88rem;font-weight:600;background:#393b3d}nav a:hover{background:#00a2ff}nav a.on{background:#00a2ff;color:#fff}
.hero{background:linear-gradient(135deg,#00a2ff,#0066cc);color:#fff;text-align:center;padding:44px 16px 40px;margin-bottom:8px}
.hero .in{max-width:720px;margin:0 auto}h1{font-size:clamp(1.7rem,5.5vw,2.7rem);line-height:1.2;margin-bottom:12px}.hero p{opacity:.95}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.chips a{background:#fff;color:#0066cc;font-weight:700;padding:8px 16px;border-radius:24px;font-size:.9rem;box-shadow:0 2px 6px #0003}.chips a:hover{background:#232527;color:#fff}
.crumb{font-size:.85rem;color:#5b6168;padding-top:14px}.crumb a{color:#0066cc;font-weight:600}
h2{font-size:1.45rem;margin:0}.sec{margin-top:34px}.sec-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding-left:12px;border-left:5px solid #00a2ff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;margin-bottom:6px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0002;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;border:1px solid #e3e6e8}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #00a2ff33;border-color:#00a2ff}.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#e3e6e8;display:block}
.card .b{padding:11px;display:flex;flex-direction:column;gap:7px;flex:1}.card .n{font-weight:700;font-size:.9rem;line-height:1.3}
.code{font:700 .8rem ui-monospace,Consolas,monospace;background:#e8f6ff;color:#0066cc;padding:5px 8px;border-radius:6px;word-break:break-all}
.btn{font-family:inherit;display:inline-block;background:#00a2ff;color:#fff;font-weight:700;padding:10px 18px;border:0;border-radius:10px;cursor:pointer;font-size:.92rem;text-align:center;transition:background .15s}
.btn:hover{background:#0084d1}.btn.alt{background:#232527}.btn.alt:hover{background:#00a2ff}.btn.wh{background:#fff;color:#0066cc}.btn.wh:hover{background:#232527;color:#fff}.btn.sm{padding:7px 11px;font-size:.8rem}.row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.promo{background:linear-gradient(135deg,#232527,#3a3d40);color:#fff;border-radius:16px;padding:22px;margin:26px 0;border-left:6px solid #00a2ff}
.promo h3{font-size:1.2rem;margin-bottom:4px}.promo p{color:#c9ced3;font-size:.92rem;margin-bottom:14px}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.mini a{background:#fff;color:#232527;border-radius:10px;overflow:hidden;font-size:.75rem;font-weight:600;line-height:1.25}
.mini a:hover{outline:3px solid #00a2ff}.mini img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#e3e6e8}.mini span{display:block;padding:6px;height:3.2em;overflow:hidden}
.more{background:#fff;border-radius:16px;padding:26px 18px;margin:36px 0 0;text-align:center;border:2px solid #00a2ff}.more p{color:#5b6168}.more .row{justify-content:center;margin-top:14px}
.txt{background:#fff;border-radius:16px;padding:24px;margin-top:34px}.txt h2{margin-bottom:12px}.txt p{margin-bottom:12px;color:#3b4046}
footer{background:#232527;color:#c9ced3;margin-top:44px;padding:28px 0;font-size:.9rem;border-top:3px solid #00a2ff}
footer .links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}footer .links a{font-weight:600}footer a:hover{color:#00a2ff}
@media(max-width:560px){.mini{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero{padding:32px 14px}}
.ad-label {
    font-size: 11px;
    letter-spacing: 3px;
    color: #777;
    margin-bottom: 8px;
    text-align: center;}