.heroSwiper{border-radius:22px;overflow:hidden}.heroSwiper img{width:100%;display:block;object-fit:cover}.heroSwiper .swiper-button-next,.heroSwiper .swiper-button-prev{width:42px;height:42px;border-radius:50%;background:#ffffffe6;color:#6a63ff;box-shadow:0 6px 20px #00000026}.heroSwiper .swiper-button-next:after,.heroSwiper .swiper-button-prev:after{font-size:18px;font-weight:700}.heroSwiper .swiper-pagination-bullet{background:#fff;opacity:.6}.heroSwiper .swiper-pagination-bullet-active{opacity:1;background:#6a63ff}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-pinned,.filter-scroll{display:contents}.filter-chip{border:1px solid #e8e4ff;background:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;white-space:nowrap}@media (max-width: 575.98px){.filter-bar{flex-direction:column;align-items:stretch;gap:12px;background:transparent}.filter-pinned{display:flex;gap:10px;flex-wrap:wrap;background:transparent}.filter-scroll{display:flex;gap:10px;width:100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;background:transparent;padding-bottom:2px}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;scroll-snap-align:start}}.filter-chip.active,.filter-chip:hover{background:#6a63ff;color:#fff;border-color:#6a63ff}.svip-section .section-title{flex-wrap:wrap}.svip-section .section-title .svip-boost-btn{margin-left:auto}.svip-boost-btn{border:none;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:700;font-size:14px;padding:10px 20px;border-radius:24px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 22px #7c3aed59;transition:transform .2s ease,box-shadow .2s ease}.svip-boost-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed73}.svip-boost-btn.active{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 8px 22px #16a34a59}.svip-badge{position:absolute;top:10px;left:10px;z-index:3;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 4px 12px #7c3aed66}.svip-badge i{font-size:11px}.match-btn{margin-left:auto;border:none;cursor:pointer;background:linear-gradient(135deg,#6a63ff,#a855f7);color:#fff;font-weight:700;font-size:14px;padding:10px 20px;border-radius:24px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 22px #6a63ff59;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.match-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6a63ff73}.match-btn i{font-size:16px}@media (max-width: 480px){.match-btn{padding:8px 14px;font-size:13px}}.match-modal-overlay{position:fixed;inset:0;z-index:2100;background:#140a2899;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:matchFade .25s ease}@keyframes matchFade{0%{opacity:0}to{opacity:1}}.match-modal{position:relative;width:100%;max-width:380px;background:#fff;border-radius:28px;padding:30px 24px 24px;text-align:center;box-shadow:0 30px 70px #5028a059;animation:matchPop .35s cubic-bezier(.34,1.56,.64,1);font-family:Inter,Arial,sans-serif;overflow:hidden}.match-modal:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(106,99,255,.18),transparent 70%);pointer-events:none}@keyframes matchPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.match-modal-close{position:absolute;top:12px;right:16px;z-index:3;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#f3f0ff;border:none;border-radius:50%;font-size:22px;line-height:1;font-family:Arial,sans-serif;color:#7c3aed;cursor:pointer;transition:background .2s}.match-modal-close:hover{background:#e8e0ff}.match-head{position:relative;z-index:1;margin-bottom:20px}.match-head-icon{width:60px;height:60px;margin:4px auto 12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a63ff,#a855f7);color:#fff;box-shadow:0 10px 26px #6a63ff66;animation:matchIconFloat 2.4s ease-in-out infinite}.match-head-icon i{font-size:26px}@keyframes matchIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.match-head h3{font-size:20px;font-weight:800;color:#1f2937;margin-bottom:4px;line-height:1.3}.match-sub{font-size:13.5px;color:#8b7fb0;margin:0;min-height:20px;transition:color .2s}.match-stage{position:relative;z-index:1;border-radius:22px;padding:22px 18px;background:linear-gradient(160deg,#f7f5ff,#efeaff);border:1.5px solid #e5ddff;margin-bottom:18px}.match-card{display:flex;flex-direction:column;align-items:center;gap:14px}.match-avatar-wrap{position:relative;width:128px;height:128px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#6a63ff,#ec4899);box-shadow:0 12px 30px #6a63ff59}.match-avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;display:block}.match-scan{position:absolute;inset:4px;border-radius:50%;overflow:hidden;pointer-events:none}.match-scan:after{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:60%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(20deg);opacity:0}.match-stage.spinning .match-scan:after{animation:matchScan .55s linear infinite;opacity:1}@keyframes matchScan{0%{top:-60%}to{top:120%}}.match-stage.spinning .match-avatar-wrap{animation:matchShake .18s linear infinite}.match-stage.spinning .match-avatar-wrap img{filter:blur(1px) saturate(.85)}@keyframes matchShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.match-stage.locked .match-avatar-wrap{animation:matchReveal .5s cubic-bezier(.34,1.56,.64,1)}@keyframes matchReveal{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.match-name{font-size:20px;font-weight:800;color:#1f2937;line-height:1.2;transition:opacity .12s}.match-meta{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.match-price{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:5px 12px;border-radius:20px;background:linear-gradient(135deg,#6a63ff,#7c3aed);color:#fff}.match-price .diamonds{filter:brightness(0) invert(1)}.match-actions{display:flex;gap:10px;position:relative;z-index:1;animation:matchFade .3s ease}.match-btn-again,.match-btn-go{flex:1;border:none;cursor:pointer;font-weight:700;font-size:15px;padding:13px 10px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .18s ease,box-shadow .18s ease}.match-btn-again{flex:0 0 42%;background:#f3f0ff;color:#6a63ff}.match-btn-again:hover{background:#e8e0ff}.match-btn-go{background:linear-gradient(135deg,#6a63ff,#a855f7);color:#fff;box-shadow:0 10px 24px #6a63ff59}.match-btn-go:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6a63ff73}.boost-modal-overlay{position:fixed;inset:0;z-index:2000;background:#140a288c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.boost-modal{position:relative;width:100%;max-width:400px;background:#fff;border-radius:24px;padding:32px 26px 26px;text-align:center;box-shadow:0 24px 60px #0000004d;animation:boostPop .3s ease;font-family:Inter,Arial,sans-serif}@keyframes boostPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.boost-modal-close{position:absolute;top:10px;right:14px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;line-height:1;font-family:Arial,sans-serif;color:#aaa;cursor:pointer}.boost-modal-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 10px 26px #7c3aed66}.boost-modal-icon i{font-size:30px;line-height:1}.boost-modal h3{font-size:20px;font-weight:800;margin-bottom:8px;color:#1f2937;line-height:1.3}.boost-modal-desc{font-size:14px;color:#6b7280;margin-bottom:18px;line-height:1.5}.boost-modal-price{display:flex;align-items:center;justify-content:center;gap:6px;font-size:24px;font-weight:800;color:#7c3aed;margin-bottom:6px;line-height:1}.boost-modal-price .diamonds{display:inline-flex;align-items:center}.boost-modal-price .boost-modal-days{font-size:14px;color:#9ca3af;font-weight:600}.boost-modal-current{font-size:13px;color:#16a34a;background:#f0fdf4;line-height:1.5;border-radius:12px;padding:8px 12px;margin:12px 0 4px;display:flex;align-items:center;gap:6px;justify-content:center}.boost-modal-confirm{width:100%;margin-top:18px;border:none;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:700;font-size:16px;padding:14px;border-radius:16px;box-shadow:0 10px 24px #7c3aed59;transition:transform .2s ease}.boost-modal-confirm:hover{transform:translateY(-2px)}.boost-modal-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}