:root{--pink:#ff4d78;--pink-soft:#ff7ea0;--pink-deep:#e93d68;--ink:#2b2430;--muted:#6d6472;--card:#fff1f5;--card-border:#ffc1d2}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#ffe7ef;font-family:PingFang SC,Segoe UI,Microsoft YaHei,sans-serif}.state-screen{min-height:100vh;color:var(--muted);place-items:center;padding:24px;display:grid}.state-screen.error{color:#c62828}.download-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;text-align:center;background:#28141e59;place-content:center;gap:14px;display:grid;position:fixed;inset:0}.download-overlay p{margin:0;font-size:.95rem;font-weight:600}.download-spinner{border:3px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:46px;height:46px;margin:0 auto;animation:.75s linear infinite download-spin}@keyframes download-spin{to{transform:rotate(360deg)}}.landing{background:radial-gradient(circle at 20% 10%,#ffffffbf,#0000 35%),linear-gradient(#fff5f8 0%,#ffe3ec 45%,#ffd4e3 100%);max-width:480px;min-height:100dvh;margin:0 auto;padding:18px 18px 0;position:relative;overflow-x:hidden}.bg-hearts{pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 12% 28%,#ff789659 0 2px,#0000 3px),radial-gradient(circle at 78% 18%,#ff789647 0 2px,#0000 3px),radial-gradient(circle at 30% 62%,#ff789638 0 2px,#0000 3px),radial-gradient(circle at 86% 70%,#ff789640 0 2px,#0000 3px);position:absolute;inset:0}.bg-hearts:before,.bg-hearts:after{content:"♥";color:#ff78962e;font-size:3rem;position:absolute}.bg-hearts:before{top:18%;left:8%;transform:rotate(-18deg)}.bg-hearts:after{font-size:4rem;top:42%;right:10%;transform:rotate(16deg)}.top-row{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{object-fit:cover;border-radius:12px;flex:none;width:42px;height:42px;box-shadow:0 8px 18px #ff5a7847}.default-logo{place-items:center;display:grid}.brand-title{letter-spacing:.02em;font-size:1.35rem;font-weight:800}.online-badge{color:#4b4450;white-space:nowrap;background:#ffffffeb;border:1px solid #fffc;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;display:inline-flex;box-shadow:0 8px 20px #b45a781f}.online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e29}.hero{z-index:1;text-align:center;margin-top:clamp(48px,12vh,96px);padding:0 4px;position:relative}.headline{gap:.12em;margin:0;font-size:clamp(1.9rem,7.2vw,2.55rem);font-weight:800;line-height:1.25;display:grid}.headline-main{color:#2a2430}.headline-accent{color:var(--pink)}.description{max-width:22rem;color:var(--muted);margin:22px auto 0;font-size:clamp(.95rem,3.4vw,1.05rem);line-height:1.7}.carousel-section{z-index:1;margin-top:28px;position:relative}.carousel-track{--card-width:96%;padding:4px calc((100% - var(--card-width)) / 2) 10px;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--card-width)) / 2);-webkit-overflow-scrolling:touch;justify-content:center;gap:14px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{height:0}.profile-card{flex:0 0 var(--card-width);width:var(--card-width);scroll-snap-align:center;margin:0 auto}.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-media{aspect-ratio:3/4;background:#f3d5df;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #b4506e2e}.profile-media img{object-fit:cover;width:100%;height:100%;display:block}.status-badge{z-index:2;color:#5b2b38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;top:14px;box-shadow:0 6px 16px #461e281f}.status-badge.left{left:14px}.status-badge.right{right:14px}.status-badge .check{color:#7a3040;font-weight:800}.profile-info{z-index:2;color:#fff;background:linear-gradient(#140a1000 0%,#140a108c 42%,#140a10c7 100%);padding:56px 16px 16px;position:absolute;bottom:0;left:0;right:0}.profile-info h3{letter-spacing:.01em;margin:0;font-size:1.45rem;font-weight:800}.profile-meta{opacity:.95;align-items:center;gap:4px;margin:6px 0 0;font-size:.9rem;display:inline-flex}.profile-meta .pin{font-size:.85rem}.profile-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#28181e8c;border-radius:999px;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.profile-tag.tone-a{background:#782837b8}.profile-tag.tone-b{background:#2828309e}.profile-tag.tone-c{background:#372d5a9e}.profile-tag.tone-d{background:#4632289e}.carousel-dots{justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.carousel-dots .dot{background:#ff4d7859;border-radius:999px;width:7px;height:7px}.carousel-dots .dot.active{background:var(--pink);width:22px}.stats-row{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid;position:relative}.stat-mini-card{text-align:center;background:#fff;border-radius:18px;padding:14px 8px;box-shadow:0 10px 24px #b45a781a}.stat-mini-value{color:var(--pink);font-size:clamp(1.15rem,4.6vw,1.4rem);font-weight:800;line-height:1.2}.stat-mini-label{color:#6d6472;margin-top:6px;font-size:.78rem}.recommend-section{z-index:1;margin-top:22px;position:relative}.recommend-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.recommend-head h2{color:#2a2430;align-items:center;gap:6px;margin:0;font-size:1.05rem;font-weight:800;display:inline-flex}.recommend-heart{color:#fff;background:radial-gradient(circle at 35% 35%,#ff8fb0,#ff4d78 70%);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid;box-shadow:0 0 0 4px #ff4d7829,0 0 0 8px #ff4d7814}.view-all{color:var(--pink);cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600}.recommend-empty{color:var(--muted);text-align:center;margin:0;padding:20px 0;font-size:.9rem}.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recommend-card{min-width:0}.recommend-media{aspect-ratio:3/4;background:#f3d5df;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 12px 28px #b4506e24}.recommend-media img{object-fit:cover;width:100%;height:100%;display:block}.hot-badge{z-index:2;color:#5b2b38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.like-badge{z-index:2;width:30px;height:30px;color:var(--pink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:50%;place-items:center;font-size:.9rem;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #461e281a}.recommend-info{z-index:2;color:#fff;background:linear-gradient(#140a1000 0%,#140a1094 48%,#140a10d1 100%);padding:40px 12px 12px;position:absolute;bottom:0;left:0;right:0}.recommend-info h3{margin:0;padding-right:18px;font-size:1rem;font-weight:800}.recommend-tags{flex-wrap:wrap;gap:6px;margin-top:8px;padding-right:18px;display:flex}.recommend-tags span{background:#28181e8c;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.online-marker{border:2px solid #fffffff2;border-radius:50%;width:10px;height:10px;position:absolute;bottom:12px;right:12px;box-shadow:0 0 0 2px #00000014}.online-marker.on{background:#22c55e}.online-marker.off{background:#9ca3af}.feature-list{z-index:1;gap:12px;margin-top:18px;display:grid;position:relative}.feature-card{background:#fff;border-radius:22px;padding:18px 18px 16px;box-shadow:0 10px 24px #b45a7814}.feature-icon{place-items:center;width:36px;height:36px;margin-bottom:10px;display:grid}.feature-icon.chat{color:#8b5cf6}.feature-icon.near{color:#ef4444}.feature-icon.safe{color:#f59e0b}.feature-card h3{color:#2a2430;margin:0;font-size:1.35rem;font-weight:800}.feature-card p{color:#7a7180;margin:6px 0 0;font-size:.95rem}.online-person{z-index:1;background:linear-gradient(90deg,#ffe0ea 0%,#fff4f7 55%,#fff9fb 100%);border-radius:999px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex;position:relative;box-shadow:0 8px 20px #b45a7814}.online-avatar{object-fit:cover;background:#fff;border:2px solid #fffffff2;border-radius:50%;flex:none;width:48px;height:48px;box-shadow:0 4px 12px #b45a7829}.online-person-text{min-width:0}.online-person-title{color:#2a2430;margin:0;font-size:.98rem;line-height:1.35}.online-person-title strong{font-weight:800}.online-person-sub{color:#8a7f88;margin:3px 0 0;font-size:.82rem}.rating-block{z-index:1;text-align:center;margin-top:22px;position:relative}.rating-stars{color:#f5b400;filter:drop-shadow(0 2px 4px #f5b40040);gap:4px;font-size:1.35rem;line-height:1;display:inline-flex}.rating-text{color:#5f5662;margin:10px 0 0;font-size:.95rem;font-weight:600}.scroll-spacer{height:calc(340px + env(safe-area-inset-bottom))}.fixed-layer{z-index:1000;width:min(100%,480px);padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#ffe8f000,#ffe8f0eb 28%,#ffe8f0 100%);gap:12px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.notice-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:14px 14px 12px;box-shadow:0 10px 24px #d25a781a}.notice-title{color:var(--pink-deep);justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.notice-icon{color:#f5b400;font-size:1rem}.notice-content{color:#5d5360;text-align:center;font-size:.9rem;line-height:1.65}.notice-content .hl{color:var(--pink-deep);font-weight:700}.notice-content strong{color:#4a414f}.download-btn{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff6b95 0%,#ff8aa8 55%,#ff9eb4 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;font-size:1.08rem;font-weight:700;display:inline-flex;box-shadow:0 12px 28px #ff5a8259}.download-btn:active{transform:translateY(1px)}.download-heart{color:#fff;background:#ffffff38;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.95rem;display:grid;box-shadow:0 0 0 6px #ffffff14}@media (width>=768px){body{background:radial-gradient(circle at top,#fff7fa,#f7e7ee 55%,#f3dde8)}.landing{border-radius:28px;min-height:calc(100vh - 48px);margin-top:24px;margin-bottom:24px;box-shadow:0 24px 60px #aa506e29}.fixed-layer{border-radius:0 0 28px 28px;bottom:24px}}