.fhp-wrap{max-width:1200px;margin:30px auto;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#202124}.fhp-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.fhp-kicker{font-size:12px;letter-spacing:2px;font-weight:800}.fhp-head h2{font-size:34px;line-height:1.1;margin:5px 0}.fhp-head p{margin:0;color:#666}.fhp-count{background:#f4f4f4;padding:14px 18px;border-radius:14px;text-align:center}.fhp-count b{display:block;font-size:24px}.fhp-count span{font-size:12px;color:#666}.fhp-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:25px}.fhp-filters input,.fhp-filters select{padding:13px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:14px}.fhp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fhp-card{border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.05)}.fhp-img{height:240px;background:#f5f5f5;position:relative;display:flex;align-items:center;justify-content:center}.fhp-img img{width:100%;height:100%;max-width:100%;max-height:240px;object-fit:contain}.fhp-img span{position:absolute;left:12px;top:12px;background:#111;color:#fff;padding:5px 9px;border-radius:8px;font-size:11px}.fhp-body{padding:17px}.fhp-body h3{font-size:18px;margin:0 0 5px}.fhp-code{font-weight:700;color:#777;font-size:13px}.fhp-tags{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.fhp-tags em{font-style:normal;background:#f0f0f0;border-radius:20px;padding:5px 8px;font-size:11px}.fhp-body dl{margin:0}.fhp-body dl div{display:flex;gap:8px;padding:4px 0;border-top:1px solid #eee;font-size:12px}.fhp-body dt{font-weight:700;min-width:85px}.fhp-body dd{margin:0;color:#555}.fhp-source,.fhp-gallery-btn{display:inline-block;margin-top:12px;margin-right:7px;text-decoration:none;font-weight:700;font-size:12px;border:0;background:none;padding:0;cursor:pointer}.fhp-source{color:#111}.fhp-gallery-btn{color:#666}.fhp-empty{display:none;text-align:center;padding:35px;color:#777}.fhp-note{font-size:11px;color:#888;margin-top:25px}.fhp-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:999999;align-items:center;justify-content:center}.fhp-lightbox.open{display:flex}.fhp-lightbox img{max-width:88vw;max-height:85vh;object-fit:contain}.fhp-lightbox button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;cursor:pointer}.fhp-close{right:25px;top:20px;font-size:38px;width:48px;height:48px;border-radius:50%}.fhp-prev,.fhp-next{top:50%;transform:translateY(-50%);font-size:50px;width:55px;height:80px}.fhp-prev{left:20px}.fhp-next{right:20px}@media(max-width:800px){.fhp-head{display:block}.fhp-count{margin-top:15px}.fhp-filters{grid-template-columns:1fr 1fr}.fhp-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fhp-head h2{font-size:27px}.fhp-filters{grid-template-columns:1fr}.fhp-grid{grid-template-columns:1fr}.fhp-lightbox img{max-width:92vw}.fhp-prev{left:5px}.fhp-next{right:5px}}