.dating-reference.social-app{--dating-purple:#7030a0;--dating-ink:#2b2b3a;background:#f5f5f7;color:var(--dating-ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,"PingFang SC","Microsoft Yahei",sans-serif;letter-spacing:normal;line-height:1.45;padding:0 0 calc(17vw + env(safe-area-inset-bottom,0px));min-height:100vh}
.dating-reference button,.dating-reference select,.dating-reference input{font-family:inherit}
.dating-reference button{cursor:pointer}
.dating-reference [hidden]{display:none!important}
.dating-main{width:100%;margin:0 auto;padding:4.5vw 2vw 2vw}
.dating-vip-notice{margin:0 .5vw 4vw;padding:3vw 4vw;border:1px solid #e1d2ed;border-radius:1.8vw;background:#eee5f6;color:var(--dating-purple);font-size:clamp(13px,3.7vw,28px);font-weight:600;line-height:1.6;text-align:center;overflow-wrap:anywhere}
.dating-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 3.9vw;padding:0 .5vw}
.dating-heading h1{margin:0;font-size:5.6vw;font-weight:400;line-height:1.35;letter-spacing:0;color:var(--dating-ink)}
.dating-filter-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:7.5vw;height:7.5vw;max-width:56px;max-height:56px;min-width:32px;min-height:32px;border:0;border-radius:50%;background:transparent;color:#9c87ae}
.dating-filter-toggle:hover,.dating-filter-toggle.active{color:var(--dating-purple);background:#ede5f3}
.dating-filter-toggle svg{width:clamp(16px,3.2vw,26px);height:clamp(16px,3.2vw,26px)}
.dating-list{display:flex;flex-direction:column;gap:4.7vw}
.dating-row{display:grid;grid-template-columns:27.2vw minmax(0,1fr);column-gap:3.1vw;align-items:start;margin:0;padding:0 0 3.1vw;background:transparent;border:0;border-bottom:1px solid #edeaf0;border-radius:0;box-shadow:none;min-width:0}
.dating-portrait{min-width:0}
.dating-photo{display:block;width:100%;aspect-ratio: .76;padding:0;border:0;border-radius:1.8vw;overflow:hidden;background:#e9e5ec;box-shadow:none}
.dating-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:inherit}
.dating-photo:focus-visible,.dating-name button:focus-visible,.dating-date:focus-visible,.dating-filter-toggle:focus-visible{outline:3px solid #b880d4;outline-offset:3px}
.dating-demo-note{display:block;margin-top:.8vw;font-size:clamp(9px,1.5vw,15px);line-height:1.4;color:#a19aa9;text-align:center}
.dating-info{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.dating-topline{display:flex;align-items:center;gap:1.5vw;min-height:4.7vw;margin-bottom:1.75vw}
.dating-badges{display:flex;align-items:center;gap:1.4vw;min-width:0;max-width:74%}
.dating-badge{display:block;min-width:0;padding:.4vw 1.65vw .5vw;border-radius:.85vw;background:#eee3d0;color:#af9062;font-size:3.15vw;line-height:1.25;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dating-name{flex:1;min-width:0;margin:0;line-height:1.35;font-weight:400}
.dating-name button{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;font-size:3.65vw;color:#555;font-weight:400;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dating-tags{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.65vw;margin:0 0 2.05vw}
.dating-tag{display:block;max-width:100%;padding:.85vw 2.1vw 1vw;border-radius:1.2vw;background:#ee3d80;color:#fff;font-size:3.45vw;line-height:1.25;font-weight:400;overflow-wrap:anywhere}
.dating-tag:nth-child(3n+2){background:#f08a22}
.dating-tag:nth-child(3n){background:#49a5dc}
.dating-meta{margin:0 0 .9vw;color:#a6a6b1;font-size:3.3vw;line-height:1.5}
.dating-meta p{margin:0;overflow-wrap:anywhere}
.dating-bio{margin:0 0 1.3vw;color:#a6a6b1;font-size:3.2vw;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dating-date{display:block;align-self:stretch;width:100%;min-height:9.9vw;margin-top:1.5vw;padding:1.8vw 1.7vw;border:0;border-radius:7vw;background:linear-gradient(100deg,#d334a0 0%,#a934a3 52%,#7030a0 100%);color:#fff;text-align:center;font-size:4.25vw;font-weight:400;line-height:1.4;box-shadow:none;transition:filter .15s ease}
.dating-date:hover{filter:brightness(1.06)}
.dating-date:disabled{opacity:.7;cursor:wait}
.dating-list-note{margin:3.5vw auto 0;max-width:90%;color:#a39bab;font-size:clamp(10px,1.5vw,16px);line-height:1.7;text-align:center}
.dating-end-note{margin:1.8vw 0 3vw;color:#b6abba;font-size:clamp(10px,1.4vw,15px);text-align:center}
.dating-reference .dating-filters{padding:16px;margin:0 0 3vw;gap:12px;border:1px solid #e9e2ed;border-radius:12px;background:#fff;display:flex;flex-wrap:wrap;align-items:center}
.dating-filters .interest-tabs{display:flex;flex-wrap:wrap;gap:5px;max-width:none;width:100%;overflow:visible;border:0}
.dating-filters .interest-tabs button{padding:7px 10px;font-size:12px;border-radius:7px}
.dating-filters .interest-tabs button.selected{background:#eee4f6;color:var(--dating-purple)}
.dating-filters .search-input{flex:1;min-width:180px}
.dating-filters .search-input input{font-size:14px;min-height:38px}
.dating-filter-select{display:flex;align-items:center;gap:7px;color:#796b86;font-size:12px}
.dating-filter-select select{border:1px solid #e6deed;background:#faf8fc;border-radius:7px;padding:8px;color:#65516f;max-width:150px;font-size:13px}
.dating-reference .original-bottom-nav{height:14.667vw;box-shadow:0 -1px 8px #7030a00a}
.dating-reference .original-bottom-nav>a>span:first-child{border-radius:2.6vw}
@media(min-width:1600px){.dating-reference.social-app{padding-bottom:270px}.dating-main{max-width:1600px;padding-top:72px}.dating-heading{margin-bottom:62px}.dating-heading h1{font-size:89px}.dating-list{gap:75px}.dating-row{grid-template-columns:435px minmax(0,1fr);gap:50px;padding-bottom:50px}.dating-photo{border-radius:29px}.dating-topline{min-height:75px;gap:24px;margin-bottom:28px}.dating-badges{gap:22px}.dating-badge{font-size:50px;padding:6px 26px 8px;border-radius:14px}.dating-name button{font-size:58px}.dating-tags{gap:26px;margin-bottom:33px}.dating-tag{font-size:55px;padding:14px 34px 16px;border-radius:19px}.dating-meta{font-size:53px;margin-bottom:14px}.dating-bio{font-size:51px;margin-bottom:21px}.dating-date{min-height:158px;margin-top:24px;padding:29px 27px;border-radius:110px;font-size:68px}.dating-reference .original-bottom-nav{height:235px}.dating-reference .original-bottom-nav>a{font-size:51px;line-height:85px}.dating-reference .original-bottom-nav>a>span:first-child{max-width:240px;border-radius:42px;padding:30px 0;margin-bottom:8px}.dating-reference .original-bottom-nav img{height:98px}.dating-reference .original-bottom-nav>.original-tab-icononly img{height:111px}}
@media(max-width:520px){.dating-main{padding-top:4.6vw}.dating-heading{margin-bottom:4.5vw}.dating-heading h1{font-size:5.8vw}.dating-topline{flex-wrap:wrap;gap:1.2vw;margin-bottom:1.8vw}.dating-badges{max-width:100%;gap:1.3vw}.dating-name{flex:1;min-width:15vw}.dating-name button{font-size:4vw}.dating-badge{font-size:3.05vw;padding:.5vw 1.1vw .65vw}.dating-tag{font-size:3.25vw;padding:.9vw 1.7vw 1vw}.dating-tags{gap:1.5vw;margin-bottom:2vw}.dating-meta{font-size:3.25vw}.dating-bio{font-size:3.15vw;-webkit-line-clamp:3}.dating-date{font-size:4vw;min-height:10vw;margin-top:1.3vw}.dating-reference .dating-filters{padding:12px;gap:10px}.dating-filters .search-input{flex-basis:100%}.dating-filter-select{flex:1;min-width:0;flex-wrap:wrap}.dating-filter-select select{width:100%;max-width:none}.dating-reference .original-bottom-nav svg{width:20px;height:20px}}