.hxpf-fl{flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 2.25rem;display:flex}.hxpf-fl button{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--navy);cursor:pointer;border-radius:99px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.hxpf-fl button:hover{border-color:var(--electric)}.hxpf-fl button[aria-pressed=true]{background:var(--navy);color:var(--on-dark);border-color:var(--navy)}.hxpf-grid{grid-template-columns:1fr;gap:1.4rem;display:grid}@media (width>=640px){.hxpf-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.hxpf-grid{grid-template-columns:repeat(3,1fr)}}.hxpf-card{background:var(--card);border:1px solid var(--border);text-align:left;color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;animation:.5s both hxpf-up;display:flex;overflow:hidden}.hxpf-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px -24px #101a3899}@keyframes hxpf-up{0%{opacity:0;transform:translateY(12px)}}.hxpf-pv{aspect-ratio:16/10;background:var(--deep);position:relative;overflow:hidden}.hxpf-pv svg,.hxpf-pv img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.hxpf-card:hover .hxpf-pv svg,.hxpf-card:hover .hxpf-pv img{transform:scale(1.06)}.hxpf-bd{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.hxpf-mt{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:flex}.hxpf-tg{background:var(--lime);color:var(--navy);white-space:nowrap;border-radius:99px;padding:.2rem .6rem;font-size:.68rem;font-weight:700}.hxpf-tg.real{background:var(--electric);color:#fff}.hxpf-bd h2{font-family:var(--font-display);color:var(--navy);margin:0;font-size:1.2rem}.hxpf-bd p{color:var(--muted-foreground);margin:0;font-size:.88rem;line-height:1.5}.hxpf-go{color:var(--navy);align-items:center;gap:.3rem;margin-top:auto;padding-top:.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.hxpf-go svg{transition:transform .25s}.hxpf-card:hover .hxpf-go svg{transform:translate(3px,-3px)}.hxpf-note{color:var(--muted-foreground);border-left:3px solid var(--lime);max-width:60ch;margin-top:.5rem;padding:.4rem 0 .4rem .9rem;font-size:.85rem}.hxpf-detail .hxpf-pv{border:1px solid var(--border);border-radius:16px}.hxpf-cols{gap:1.6rem;margin-top:2rem;display:grid}@media (width>=760px){.hxpf-cols{grid-template-columns:1fr 1fr}}.hxpf-cols h4{font-family:var(--font-display);color:var(--navy);margin:0 0 .35rem;font-size:1rem}.hxpf-cols p,.hxpf-cols li{color:var(--muted-foreground);margin:0;font-size:.92rem;line-height:1.6}.hxpf-cols ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.hxpf-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.9rem;font-size:.8rem;font-weight:600;display:flex}.hxpf-dm{background:var(--soft);border:1px solid var(--border);border-radius:14px;margin-top:2rem;padding:1.25rem}.hxpf-dm h4{font-family:var(--font-display);color:var(--navy);margin:0 0 .2rem;font-size:1rem}.hxpf-st{flex-wrap:wrap;gap:.5rem;margin:.8rem 0;display:flex}.hxpf-st button{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--navy);cursor:pointer;border-radius:8px;padding:.5rem .8rem;font-size:.8rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.hxpf-st button:hover{border-color:var(--electric)}.hxpf-st button[aria-pressed=true]{background:var(--electric);color:#fff;border-color:var(--electric)}.hxpf-pl{font:inherit;background:var(--lime);color:var(--navy);cursor:pointer;border:0;border-radius:8px;padding:.5rem .9rem;font-size:.8rem;font-weight:700}.hxpf-sd{color:var(--ink);min-height:1.5em;margin:0;font-size:.92rem;line-height:1.55}.hxpf-sd b{color:var(--navy)}.hxpf-rel{margin-top:2.5rem}.hxpf-rel h3{font-family:var(--font-display);color:var(--navy);margin:0 0 .25rem;font-size:1.35rem}.hxpf-rel>p{color:var(--muted-foreground);margin:0 0 1.25rem;font-size:.9rem}.hxpf-rel .hxpf-grid{gap:1.1rem}.hxpf-rel .hxpf-bd{padding:.9rem 1rem 1.1rem}.hxpf-rel .hxpf-bd h2{font-size:1.05rem}.hxpf-more{color:var(--navy);align-items:center;gap:.35rem;margin-top:1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.hxpf-more:hover{color:var(--electric)}@media (prefers-reduced-motion:reduce){.hxpf-card{animation:none}.hxpf-card,.hxpf-pv svg,.hxpf-pv img,.hxpf-go svg{transition:none}}