*{margin:0;padding:0;box-sizing:border-box}:root{--grad:linear-gradient(135deg,#fd5564,#ff8c00);--pink:#fd5564;--orange:#ff8c00;--dark:#111;--bg:#f7f7f7;--white:#fff;--border:#ebebeb;--text:#333;--text2:#777;--text3:#aaa}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;background:var(--bg);color:var(--text);max-width:430px;margin:0 auto}button{cursor:pointer;font-family:inherit;border:none;background:none}#header{position:sticky;top:0;z-index:200;background:var(--dark);height:80px;display:flex;align-items:center;justify-content:center;padding:0 16px;box-shadow:0 2px 12px #00000059}.logo{display:flex;align-items:center;gap:8px}#intro{background:linear-gradient(160deg,#1a1a1a,#2d1515 55%,#3d1a00);text-align:center;padding:52px 20px 48px;border-bottom:1px solid #2a2a2a}#intro h1{font-size:clamp(26px,5vw,48px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-.5px}#intro h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#intro .tagline{font-size:16px;color:#fff9;margin-bottom:36px;line-height:1.7;max-width:520px;margin-left:auto;margin-right:auto}.intro-stats{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin-bottom:44px}.intro-stat{color:#ffffff8c;font-size:13px;text-align:center}.intro-stat strong{display:block;font-size:22px;font-weight:800;margin-bottom:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-features{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;max-width:700px;margin:0 auto}.intro-feat{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px;text-align:left;flex:1;min-width:160px;max-width:200px}.intro-feat-icon{font-size:20px;margin-bottom:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fd55641f;border-radius:10px}.intro-feat-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.intro-feat-desc{font-size:12px;color:#ffffff73;line-height:1.55}#filterbar{background:var(--white);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-label{font-size:13px;color:var(--text3);font-weight:500}.filter-select{padding:6px 14px;border:1.5px solid var(--border);border-radius:20px;font-size:13px;color:var(--text2);background:var(--bg);outline:none;font-family:inherit;cursor:pointer;transition:border-color .15s}.filter-select:focus{border-color:var(--pink)}.filter-tag{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;color:var(--text2);cursor:pointer;transition:all .15s;background:var(--white)}.filter-tag:hover,.filter-tag.active{background:var(--grad);border-color:transparent;color:#fff}.section-hdr{padding:20px 24px 8px;display:flex;align-items:baseline;gap:8px}.section-hdr h2{font-size:22px;font-weight:800;color:var(--dark)}.section-hdr span{font-size:13px;color:var(--text3)}#grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 16px}.card{background:var(--white);border-radius:16px;overflow:hidden;cursor:default;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001f}.card-img-wrap{position:relative}.card-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#f0e8e8}.card-online{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:#21e07a;border:2px solid #fff;box-shadow:0 0 6px #21e07a99}.card-gradient{position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);pointer-events:none}.card-overlay-name{position:absolute;bottom:10px;left:12px;color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5);display:flex;align-items:center;gap:6px}.card-overlay-age{font-size:13px;font-weight:400;opacity:.9}.card-body{padding:10px 12px 12px}.card-city{font-size:12px;color:var(--text3);margin-bottom:7px}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.card-tag{font-size:10px;padding:2px 8px;border-radius:8px;background:#fff3f3;color:var(--pink);border:1px solid #fdd}.card-btn{width:100%;padding:8px 0;background:var(--grad);color:#fff;border-radius:22px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #fd55644d;transition:opacity .15s}.card-btn:hover{opacity:.88}#pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 0 40px}.page-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);color:var(--text2);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer}.page-btn:hover{border-color:var(--pink);color:var(--pink)}.page-btn.active{background:var(--grad);border-color:transparent;color:#fff}.page-btn.wide{width:auto;padding:0 16px;border-radius:20px;font-size:13px}.page-btn:disabled{opacity:.4;pointer-events:none}footer{background:var(--dark);color:#ffffff59;text-align:center;padding:24px 20px;font-size:12px;line-height:2}footer a{color:#ffffff80;margin:0 6px;text-decoration:none}footer a:hover{color:#fff}@media (max-width:900px){#grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 16px}}@media (max-width:600px){#header{height:100px}.logo-text{font-size:19px}#intro{padding:36px 16px 32px}#intro h1{font-size:24px}.tagline{font-size:14px}.intro-stat strong{font-size:18px}.intro-stats{gap:20px}.intro-feat{min-width:140px;padding:13px 14px}#filterbar{padding:10px 16px;gap:7px}.section-hdr{padding:16px 16px 6px}#grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 12px}.card-overlay-name{font-size:14px}}@media (max-width:360px){#grid{gap:8px;padding:0 10px 10px}.intro-features{gap:10px}}