/* source:pu8_v16.css */
:root{
  --pu8-bg:#0a0710;
  --pu8-panel:#15101d;
  --pu8-panel-2:#201529;
  --pu8-card:#19121f;
  --pu8-text:#fff7fb;
  --pu8-muted:#a89baa;
  --pu8-line:rgba(255,255,255,.085);
  --pu8-pink:#ff3f78;
  --pu8-pink-2:#ff6d9c;
  --pu8-purple:#a55cff;
  --pu8-gold:#ffc65c;
  --pu8-green:#4de3a5;
  --pu8-shadow:0 18px 52px rgba(0,0,0,.35);
  --pu8-nav-h:74px;
}
*{box-sizing:border-box}
html{background:var(--pu8-bg);color-scheme:dark}
body{margin:0;background:
  radial-gradient(circle at 0 0,rgba(165,92,255,.13),transparent 30%),
  radial-gradient(circle at 100% 10%,rgba(255,63,120,.12),transparent 28%),
  var(--pu8-bg);color:var(--pu8-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
img{max-width:100%}
.pu8-app{width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:calc(var(--pu8-nav-h) + 20px);position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%)}
.pu8-page{padding:0 16px}
.pu8-header{height:68px;padding:12px 16px 8px;display:flex;align-items:center;gap:12px;position:relative;z-index:20}
.pu8-header.sticky{position:sticky;top:0;background:rgba(10,7,16,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--pu8-line)}
.pu8-brand{display:inline-flex;align-items:center;font-size:29px;line-height:1;font-weight:950;letter-spacing:-1.6px;color:#fff;white-space:nowrap}
.pu8-brand em{font-style:normal;color:#190b12;background:linear-gradient(135deg,#ff739f,#ff3f78);padding:4px 8px 5px;margin-left:3px;border-radius:10px;box-shadow:0 7px 20px rgba(255,63,120,.28)}
.pu8-brand small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--pu8-muted);font-weight:700;margin-left:7px;margin-top:4px}
.pu8-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.pu8-round-btn,.pu8-region-btn{border:1px solid var(--pu8-line);background:rgba(255,255,255,.055);color:var(--pu8-text);height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.pu8-round-btn{width:38px;padding:0}
.pu8-region-btn svg,.pu8-round-btn svg{width:17px;height:17px}
.pu8-hero{margin:4px 16px 16px;height:238px;border-radius:27px;position:relative;overflow:hidden;background:linear-gradient(140deg,#30203f,#16101f);box-shadow:var(--pu8-shadow)}
.pu8-hero img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(1.03)}
.pu8-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,7,16,.08),rgba(10,7,16,.2) 35%,rgba(10,7,16,.92) 100%),linear-gradient(90deg,rgba(255,63,120,.18),transparent 52%)}
.pu8-hero-content{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}
.pu8-kicker{display:inline-flex;align-items:center;gap:7px;color:#ffe7ef;font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.pu8-kicker i{width:7px;height:7px;border-radius:50%;background:var(--pu8-green);box-shadow:0 0 0 5px rgba(77,227,165,.12)}
.pu8-hero h1{font-size:28px;line-height:1.13;letter-spacing:-1px;margin:10px 0 7px;max-width:310px}
.pu8-hero p{font-size:13px;color:#dbcfd9;margin:0 0 14px;line-height:1.55}
.pu8-primary-btn{height:42px;border:0;border-radius:22px;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff;padding:0 19px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px rgba(255,63,120,.3)}
.pu8-primary-btn:active{transform:scale(.98)}
.pu8-hero-stat{position:absolute;right:14px;top:14px;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:14px;background:rgba(8,5,12,.58);backdrop-filter:blur(12px);font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.12)}
.pu8-hero-stat i{width:7px;height:7px;background:var(--pu8-green);border-radius:50%;box-shadow:0 0 9px var(--pu8-green)}
.pu8-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px 18px}
.pu8-quick{min-width:0;text-align:center;color:#e8dfe7;font-size:12px;font-weight:750}
.pu8-quick-icon{height:54px;border-radius:18px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--pu8-line);position:relative;overflow:hidden}
.pu8-quick-icon:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:var(--quick-glow,rgba(255,63,120,.22));filter:blur(14px)}
.pu8-quick-icon svg{width:23px;height:23px;position:relative;z-index:1;color:var(--quick-color,var(--pu8-pink-2))}
.pu8-notice{margin:0 16px 19px;height:42px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);display:flex;align-items:center;overflow:hidden;padding:0 13px;gap:10px}
.pu8-notice-badge{height:23px;padding:0 8px;border-radius:9px;background:rgba(255,63,120,.15);color:#ff8bac;display:flex;align-items:center;font-size:11px;font-weight:900;flex:0 0 auto}
.pu8-notice-track{overflow:hidden;white-space:nowrap;color:#cdbfca;font-size:12px;position:relative;flex:1}
.pu8-notice-track span{display:inline-block;padding-left:100%;animation:pu8Marquee var(--notice-scroll-speed,22s) linear infinite}
@keyframes pu8Marquee{to{transform:translateX(-100%)}}
.pu8-section{padding:0 16px 22px}
.pu8-section-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 13px}
.pu8-section-head h2{margin:0;font-size:20px;letter-spacing:-.4px}
.pu8-section-head p{margin:4px 0 0;color:var(--pu8-muted);font-size:12px}
.pu8-more{font-size:12px;color:#d7cbd5;display:flex;align-items:center;gap:3px}
.pu8-story-row{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
.pu8-story-row::-webkit-scrollbar{display:none}
.pu8-story{width:70px;flex:0 0 70px;text-align:center;font-size:11px;color:#d9cdd7;overflow:hidden}
.pu8-story-ring{width:62px;height:62px;margin:0 auto 7px;padding:2px;border-radius:50%;background:linear-gradient(145deg,var(--pu8-pink),var(--pu8-purple),var(--pu8-gold));position:relative}
.pu8-story-ring:after{content:"";position:absolute;right:2px;bottom:4px;width:12px;height:12px;border-radius:50%;background:var(--pu8-green);border:3px solid var(--pu8-bg)}
.pu8-story img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #130d19;display:block}
.pu8-story span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-filter-pills{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 13px;padding:0 16px;scrollbar-width:none}
.pu8-filter-pills::-webkit-scrollbar{display:none}
.pu8-pill{height:34px;border:1px solid var(--pu8-line);background:rgba(255,255,255,.04);color:#bfb2bd;border-radius:17px;padding:0 14px;white-space:nowrap;font-size:12px;font-weight:800}
.pu8-pill.active{border-color:rgba(255,77,133,.55);background:rgba(255,63,120,.14);color:#ff91b1}
.pu8-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pu8-profile-card{border-radius:21px;overflow:hidden;background:var(--pu8-card);border:1px solid var(--pu8-line);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.pu8-profile-cover{height:208px;position:relative;background:#24182d;overflow:hidden}
.pu8-profile-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.pu8-profile-card:active .pu8-profile-cover img{transform:scale(1.025)}
.pu8-profile-cover:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(8,5,11,.86))}
.pu8-online,.pu8-certified{position:absolute;z-index:2;top:10px;height:25px;border-radius:12px;display:flex;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:900;backdrop-filter:blur(10px)}
.pu8-online{left:9px;background:rgba(10,7,16,.6);border:1px solid rgba(255,255,255,.12)}
.pu8-online i{width:6px;height:6px;border-radius:50%;background:var(--pu8-green)}
.pu8-certified{right:9px;background:rgba(255,63,120,.78);color:#fff}
.pu8-card-topline{position:absolute;z-index:3;left:11px;right:11px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.pu8-card-topline strong{font-size:16px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-heart{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);backdrop-filter:blur(9px);flex:0 0 auto;color:#fff}
.pu8-heart svg{width:16px;height:16px}
.pu8-profile-info{padding:11px 11px 12px}
.pu8-profile-meta{display:flex;align-items:center;gap:5px;color:#d1c4cf;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-dot{width:3px;height:3px;border-radius:50%;background:#746a74}
.pu8-tags{display:flex;gap:5px;margin-top:8px;overflow:hidden}
.pu8-tag{height:22px;border-radius:8px;background:rgba(165,92,255,.12);color:#caa7ff;padding:0 7px;display:flex;align-items:center;font-size:10px;white-space:nowrap}
.pu8-tag.pink{background:rgba(255,63,120,.12);color:#ff96b4}
.pu8-rank{display:flex;flex-direction:column;gap:9px}
.pu8-rank-row{height:66px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);display:flex;align-items:center;padding:8px 10px;gap:10px}
.pu8-rank-no{width:28px;text-align:center;font-size:18px;font-weight:950;color:var(--pu8-gold)}
.pu8-rank-avatar{width:48px;height:48px;border-radius:15px;object-fit:cover;background:#241a2c}
.pu8-rank-info{min-width:0;flex:1}
.pu8-rank-info b,.pu8-rank-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-rank-info b{font-size:14px}.pu8-rank-info span{font-size:11px;color:var(--pu8-muted);margin-top:4px}
.pu8-rank-score{font-size:11px;font-weight:900;color:#ff87aa}
.pu8-install-tip{margin:0 16px 12px;border-radius:16px;padding:13px 15px;background:linear-gradient(145deg,rgba(165,92,255,.1),rgba(255,63,120,.08));border:1px solid rgba(255,255,255,.08);font-size:11px;color:#c7bac5;line-height:1.55}

/* bottom navigation */
.bottom-nav{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:100%!important;max-width:460px!important;height:var(--pu8-nav-h)!important;padding:7px 9px max(7px,env(safe-area-inset-bottom))!important;background:rgba(16,10,21,.93)!important;border-top:1px solid rgba(255,255,255,.09)!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important;z-index:100!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 -12px 30px rgba(0,0,0,.22)!important}
.bottom-nav a{height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#897d89!important;font-size:10px!important;font-weight:800!important;position:relative!important;text-align:center!important}
.bottom-nav a svg{width:21px;height:21px;stroke-width:2}
.bottom-nav a.active{color:#ff6e9b!important}
.bottom-nav a.active:before{content:"";position:absolute;top:-7px;width:32px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--pu8-purple),var(--pu8-pink));box-shadow:0 3px 10px rgba(255,63,120,.5)}
.bottom-nav a.active svg{filter:drop-shadow(0 0 7px rgba(255,63,120,.45))}

/* common page title */
.pu8-subhead{height:64px;display:flex;align-items:center;padding:8px 16px;gap:12px;position:sticky;top:0;z-index:30;background:rgba(10,7,16,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--pu8-line)}
.pu8-subhead h1{font-size:20px;margin:0;letter-spacing:-.3px}.pu8-subhead p{font-size:10px;color:var(--pu8-muted);margin:3px 0 0}
.pu8-back{width:38px;height:38px;border-radius:50%;border:1px solid var(--pu8-line);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.045)}
.pu8-back svg{width:19px;height:19px}
.pu8-title-spacer{width:38px}

/* certification */
.pu8-cert-intro{margin:7px 16px 15px;padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(255,63,120,.15),rgba(165,92,255,.14));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}
.pu8-cert-intro:after{content:"✓";position:absolute;right:-4px;bottom:-35px;font-size:120px;font-weight:950;color:rgba(255,255,255,.035);transform:rotate(-10deg)}
.pu8-cert-intro h2{font-size:20px;margin:0 0 7px}.pu8-cert-intro p{margin:0;color:#cdbfca;font-size:12px;line-height:1.6;max-width:300px}
.pu8-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 18px}
.pu8-benefit{border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);padding:12px 8px;text-align:center}
.pu8-benefit svg{width:22px;height:22px;color:#ff78a1;margin-bottom:6px}.pu8-benefit b{display:block;font-size:11px}.pu8-benefit span{display:block;color:var(--pu8-muted);font-size:9px;margin-top:3px}
.pu8-cert-list{padding:0 16px 20px;display:flex;flex-direction:column;gap:11px}
.pu8-cert-card{display:flex;gap:12px;padding:10px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);min-height:116px}
.pu8-cert-cover{width:91px;height:96px;border-radius:15px;object-fit:cover;background:#21162a;flex:0 0 91px}
.pu8-cert-main{min-width:0;flex:1;display:flex;flex-direction:column}
.pu8-cert-main h3{font-size:15px;margin:2px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-cert-main p{font-size:10px;color:var(--pu8-muted);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pu8-cert-meta{display:flex;align-items:center;gap:7px;margin-top:7px;color:#cdbdca;font-size:10px}
.pu8-cert-meta span{display:flex;align-items:center;gap:3px}.pu8-cert-meta svg{width:12px;height:12px}
.pu8-cert-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.pu8-cert-action small{color:#ff82a7;font-weight:800}.pu8-cert-btn{height:29px;border-radius:15px;padding:0 12px;border:0;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff;font-size:10px;font-weight:900}

/* live */
.pu8-live-hero{margin:8px 16px 17px;height:190px;border-radius:24px;overflow:hidden;position:relative;background:#23172c}
.pu8-live-hero img{width:100%;height:100%;object-fit:cover}.pu8-live-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(8,5,11,.94))}
.pu8-live-hero-content{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}.pu8-live-hero-content h2{font-size:19px;margin:7px 0 3px}.pu8-live-hero-content p{margin:0;color:#d4c6d1;font-size:11px}
.pu8-live-badge{display:inline-flex;height:24px;align-items:center;padding:0 9px;border-radius:10px;background:#ff3f78;color:#fff;font-size:10px;font-weight:950;letter-spacing:.5px;box-shadow:0 5px 16px rgba(255,63,120,.35)}
.pu8-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 20px}
.pu8-live-card{border-radius:19px;overflow:hidden;background:var(--pu8-card);border:1px solid var(--pu8-line)}
.pu8-live-cover{height:188px;position:relative;overflow:hidden;background:#21172a}.pu8-live-cover img{width:100%;height:100%;object-fit:cover}
.pu8-live-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(8,5,11,.86))}
.pu8-live-top{position:absolute;z-index:2;left:8px;right:8px;top:8px;display:flex;justify-content:space-between}.pu8-viewers{height:23px;border-radius:11px;padding:0 8px;background:rgba(10,7,16,.55);backdrop-filter:blur(8px);display:flex;align-items:center;gap:4px;font-size:9px}.pu8-viewers svg{width:12px;height:12px}
.pu8-live-title{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-live-info{padding:9px 10px 11px;display:flex;align-items:center;justify-content:space-between;gap:7px}.pu8-live-info span{font-size:9px;color:var(--pu8-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu8-live-info b{font-size:10px;color:#ff87aa;white-space:nowrap}

/* me */
.pu8-me-cover{padding:15px 16px 0}
.pu8-me-card{border-radius:26px;background:linear-gradient(145deg,#25162e,#18101f 60%,#321526);border:1px solid rgba(255,255,255,.1);padding:18px;box-shadow:var(--pu8-shadow);position:relative;overflow:hidden}
.pu8-me-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(255,88,142,.28),transparent 67%)}
.pu8-user-row{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.pu8-avatar{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#ff80a8,#9b54ff);padding:2px;flex:0 0 68px}.pu8-avatar-inner{width:100%;height:100%;border-radius:20px;background:#15101d;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:950;color:#ffdce8}.pu8-user-info{min-width:0;flex:1}.pu8-user-info h2{font-size:20px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu8-user-info p{font-size:11px;color:#bfaebc;margin:0;display:flex;align-items:center;gap:5px}.pu8-level{height:26px;border-radius:13px;padding:0 9px;display:flex;align-items:center;background:rgba(255,198,92,.13);color:#ffd37d;font-size:10px;font-weight:900}
.pu8-balance{margin-top:19px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09);position:relative;z-index:2}.pu8-balance-label{display:flex;align-items:center;justify-content:space-between;color:#c7b9c5;font-size:11px}.pu8-balance-value{font-size:29px;font-weight:950;letter-spacing:-.8px;margin-top:6px}.pu8-balance-value small{font-size:12px;color:#ac9dab;margin-left:4px;font-weight:700}
.pu8-balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.pu8-balance-actions a{height:39px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;background:rgba(255,255,255,.07);border:1px solid var(--pu8-line)}.pu8-balance-actions a.primary{background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));border:0}
.pu8-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 6px 7px}.pu8-stat{text-align:center;min-width:0}.pu8-stat b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu8-stat span{display:block;font-size:9px;color:var(--pu8-muted);margin-top:5px}
.pu8-menu-section{padding:0 16px 17px}.pu8-menu-title{font-size:14px;margin:0 0 10px;color:#eee6ec}.pu8-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pu8-menu-tile{height:78px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#d9cdd7;font-size:10px;text-align:center}.pu8-menu-tile svg{width:22px;height:22px;color:#ff79a2}
.pu8-list{border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);overflow:hidden}.pu8-list-row{height:54px;padding:0 14px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--pu8-line);font-size:12px}.pu8-list-row:last-child{border-bottom:0}.pu8-list-icon{width:31px;height:31px;border-radius:11px;background:rgba(165,92,255,.12);color:#c396ff;display:flex;align-items:center;justify-content:center}.pu8-list-icon svg{width:17px;height:17px}.pu8-list-row span{flex:1}.pu8-list-row>svg{width:15px;height:15px;color:#736873}.pu8-list-row.logout{color:#ff7f9f}
.pu8-service{margin:0 16px 17px;border-radius:18px;padding:14px;background:rgba(255,198,92,.07);border:1px solid rgba(255,198,92,.13);font-size:11px;color:#cdbfae;line-height:1.55}.pu8-service a{color:#ffd37d;font-weight:900}

/* modal / toast */
.pu8-sheet-mask{position:fixed;inset:0;z-index:300;background:rgba(3,2,5,.72);display:none;align-items:flex-end;justify-content:center;padding:16px;backdrop-filter:blur(8px)}
.pu8-sheet-mask.open{display:flex}.pu8-sheet{width:100%;max-width:428px;border-radius:26px 26px 20px 20px;background:#1a1221;border:1px solid rgba(255,255,255,.1);padding:8px 16px 18px;box-shadow:0 -20px 70px rgba(0,0,0,.45)}
.pu8-sheet-handle{width:42px;height:4px;border-radius:2px;background:#493d4b;margin:2px auto 15px}.pu8-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pu8-sheet-head h3{font-size:17px;margin:0}.pu8-sheet-close{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.07);color:#fff;font-size:20px}
.pu8-region-list{display:flex;flex-direction:column;gap:8px}.pu8-region-option{min-height:58px;border-radius:16px;border:1px solid var(--pu8-line);background:rgba(255,255,255,.035);display:flex;align-items:center;padding:10px 12px;gap:11px;color:#fff;text-align:left}.pu8-region-flag{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#34223f,#21152a);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 38px}.pu8-region-copy{min-width:0;flex:1}.pu8-region-copy b,.pu8-region-copy span{display:block}.pu8-region-copy b{font-size:13px}.pu8-region-copy span{color:var(--pu8-muted);font-size:10px;margin-top:4px}.pu8-region-state{height:24px;border-radius:12px;padding:0 8px;display:flex;align-items:center;background:rgba(77,227,165,.12);color:#66eab3;font-size:9px;font-weight:900}.pu8-region-state.locked{background:rgba(255,255,255,.06);color:#978b97}
.pu8-toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);z-index:500;background:rgba(25,17,31,.96);border:1px solid rgba(255,255,255,.11);color:#fff;border-radius:14px;padding:11px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 14px 38px rgba(0,0,0,.42);white-space:nowrap}.pu8-toast.show{opacity:1;transform:translate(-50%,0)}

/* announcement modal compatibility */
.notice-modal-mask{position:fixed!important;inset:0!important;z-index:320!important;background:rgba(3,2,5,.76)!important;align-items:center!important;justify-content:center!important;padding:20px!important;backdrop-filter:blur(8px)!important}.notice-modal-box{width:100%!important;max-width:390px!important;background:#1b1222!important;color:#fff!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.11)!important;padding:20px!important;position:relative!important}.notice-modal-close{position:absolute!important;right:12px!important;top:10px!important;border:0!important;background:rgba(255,255,255,.08)!important;color:#fff!important;width:32px!important;height:32px!important;border-radius:50%!important;font-size:20px!important}.notice-modal-slide{display:none}.notice-modal-slide.active{display:block}.notice-modal-type{color:#ff7da4!important;font-size:11px!important;font-weight:900!important}.notice-modal-slide h3{font-size:19px!important;margin:9px 0!important}.notice-modal-slide p{font-size:12px!important;line-height:1.65!important;color:#cabdca!important}.notice-modal-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:15px!important}.notice-modal-nav button{height:32px!important;border:1px solid var(--pu8-line)!important;border-radius:13px!important;background:rgba(255,255,255,.05)!important;color:#fff!important;font-size:10px!important;padding:0 12px!important}.notice-dots{display:flex!important;gap:4px!important}.notice-dots i{width:5px!important;height:5px!important;border-radius:50%!important;background:#544855!important}.notice-dots i.active{background:#ff6d9c!important}

/* login / register */
.pu8-auth{min-height:100vh;max-width:460px;margin:0 auto;padding:30px 22px;background:radial-gradient(circle at 50% 5%,rgba(255,63,120,.17),transparent 28%)}
.pu8-auth-brand{text-align:center;margin:24px 0 32px}.pu8-auth-brand .pu8-brand{font-size:40px}.pu8-auth-brand p{color:var(--pu8-muted);font-size:12px;margin:13px 0 0}.pu8-auth-card{border-radius:25px;padding:21px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);box-shadow:var(--pu8-shadow)}.pu8-auth-card h1{font-size:21px;margin:0 0 18px}.pu8-field{margin-bottom:14px}.pu8-field label{display:block;color:#cfc1cc;font-size:11px;margin:0 0 7px}.pu8-field input{width:100%;height:49px;border:1px solid var(--pu8-line);border-radius:15px;background:rgba(255,255,255,.055);color:#fff;padding:0 14px;outline:none}.pu8-field input:focus{border-color:rgba(255,88,142,.65);box-shadow:0 0 0 3px rgba(255,63,120,.08)}.pu8-auth-submit{width:100%;height:49px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff;font-weight:950;margin-top:7px;box-shadow:0 10px 25px rgba(255,63,120,.24)}.pu8-auth-link{display:block;text-align:center;color:#ff88aa;font-size:12px;margin-top:18px}.pu8-alert{margin-top:14px;border-radius:13px;padding:11px 12px;background:rgba(255,63,120,.11);color:#ff94b2;font-size:11px;border:1px solid rgba(255,63,120,.18)}

/* legacy detail recolor without changing its business logic */
body .boost-page{background:var(--pu8-bg)!important;color:var(--pu8-text)!important;max-width:460px;margin:0 auto}
body .boost-page .topbar{background:rgba(10,7,16,.94)!important;border-color:var(--pu8-line)!important;color:#fff!important}
body .boost-page .topbar h1{color:#fff!important}
body .boost-page .boost-panel{background:#16101d!important;color:#ff84a8!important;border-color:var(--pu8-line)!important}
body .boost-page .cat-grid{background:var(--pu8-bg)!important}
body .boost-page .cat-grid button,body .boost-page .cat-grid .cat-btn{border-color:rgba(255,78,134,.45)!important;background:#17101d!important;color:#ff8cae!important;box-shadow:none!important}
body .boost-page .cat-grid button.active,body .boost-page .cat-grid .cat-btn.active{background:rgba(255,63,120,.18)!important;color:#fff!important;box-shadow:0 0 0 1px var(--pu8-pink) inset!important}
body .boost-page .amount-wrap{background:#17101d!important;border-color:var(--pu8-line)!important;color:#ff84a8!important;max-width:460px!important}
body .boost-page .amount-summary{background:#241829!important}
body .boost-page .amount-summary button,body .boost-page .amount-row input,body .boost-page .currency{border-color:rgba(255,78,134,.55)!important;color:#ff8cab!important}
body .boost-page .amount-summary .go{background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink))!important;color:#fff!important;border:0!important;border-radius:15px!important}

@media(min-width:600px){
  .pu8-app{border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);box-shadow:0 0 80px rgba(0,0,0,.32)}
  .pu8-profile-cover{height:225px}.pu8-live-cover{height:205px}
}

/* PU8 V2: language, live room, unified account pages */
.pu8-language-btn{width:auto;min-width:42px;padding:0 11px;font-size:12px;letter-spacing:.2px}
.pu8-language-btn strong{font-size:13px;color:#fff}.pu8-language-btn small{font-size:9px;color:var(--pu8-muted);font-weight:800}
.pu8-language-option{min-height:58px;border-radius:16px;border:1px solid var(--pu8-line);background:rgba(255,255,255,.035);display:flex;align-items:center;padding:10px 12px;gap:12px;color:#fff}
.pu8-language-option.active{border-color:rgba(255,83,139,.5);background:rgba(255,63,120,.1)}
.pu8-language-code{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#3a2448,#24162d);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;color:#ff9ab8;flex:0 0 39px}
.pu8-language-copy{flex:1;min-width:0}.pu8-language-copy b,.pu8-language-copy span{display:block}.pu8-language-copy b{font-size:13px}.pu8-language-copy span{font-size:10px;color:var(--pu8-muted);margin-top:4px}.pu8-language-check{font-size:13px;color:var(--pu8-green);font-weight:950}

.pu8-live-head{height:68px;padding:9px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;position:sticky;top:0;z-index:35;background:rgba(10,7,16,.92);border-bottom:1px solid var(--pu8-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pu8-live-head-brand{display:flex;align-items:center;gap:7px;min-width:0}.pu8-live-head-brand .pu8-brand{font-size:22px}.pu8-live-head-copy{text-align:left;min-width:0}.pu8-live-head-copy h1{font-size:18px;line-height:1;margin:0}.pu8-live-head-copy p{font-size:10px;color:var(--pu8-muted);margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-live-head-state{height:31px;border-radius:16px;padding:0 10px;border:1px solid rgba(255,63,120,.22);background:rgba(255,63,120,.09);display:flex;align-items:center;gap:6px;color:#ff8dad;font-size:9px;font-weight:900;white-space:nowrap}.pu8-live-head-state i{width:6px;height:6px;border-radius:50%;background:#ff3f78;box-shadow:0 0 8px #ff3f78;animation:pu8Pulse 1.4s ease-in-out infinite}
@keyframes pu8Pulse{50%{opacity:.35;transform:scale(.75)}}
.pu8-live-hero{display:block}.pu8-live-card{display:block}.pu8-live-enter{position:absolute;right:13px;bottom:13px;z-index:3;width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,63,120,.9);box-shadow:0 8px 20px rgba(255,63,120,.32)}.pu8-live-enter svg{width:18px;height:18px;margin-left:2px}

.pu8-live-room-body{overflow:hidden;background:#050307}
.pu8-live-room{width:100%;max-width:460px;height:100svh;min-height:620px;margin:0 auto;position:relative;overflow:hidden;background:#09050d;color:#fff}
.pu8-live-room-bg{position:absolute;inset:-16px;background-position:center;background-size:cover;filter:blur(7px) saturate(.75) brightness(.54);transform:scale(1.08)}
.pu8-live-room-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,3,8,.34),rgba(6,3,8,.05) 34%,rgba(6,3,8,.45) 65%,rgba(6,3,8,.94))}
.pu8-live-room-main{position:absolute;inset:0;z-index:2;background-position:center;background-size:cover;opacity:.4;filter:saturate(.7)}
.pu8-live-room-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(5,3,7,.56),transparent 26%,transparent 55%,rgba(5,3,7,.88))}
.pu8-live-room-top{position:absolute;left:12px;right:12px;top:max(12px,env(safe-area-inset-top));z-index:5;display:flex;align-items:center;gap:9px}
.pu8-live-back{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,5,11,.52);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)}.pu8-live-back svg{width:20px;height:20px}
.pu8-live-host{height:46px;min-width:0;flex:1;border-radius:23px;padding:4px 7px 4px 4px;background:rgba(8,5,11,.54);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);display:flex;align-items:center;gap:8px}.pu8-live-host img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #ff668f}.pu8-live-host-copy{min-width:0;flex:1}.pu8-live-host-copy b,.pu8-live-host-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu8-live-host-copy b{font-size:12px}.pu8-live-host-copy span{font-size:9px;color:#cbbfca;margin-top:3px}.pu8-live-follow{height:30px;border:0;border-radius:15px;padding:0 11px;background:#ff3f78;color:#fff;font-size:10px;font-weight:950}
.pu8-live-room-badge{height:31px;border-radius:15px;padding:0 10px;background:linear-gradient(135deg,#ff3f78,#ff715f);display:flex;align-items:center;font-size:9px;font-weight:950;letter-spacing:.5px;box-shadow:0 8px 24px rgba(255,63,120,.32)}
.pu8-live-side{position:absolute;right:12px;bottom:154px;z-index:5;display:flex;flex-direction:column;gap:16px}.pu8-live-side-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:800;text-shadow:0 2px 5px rgba(0,0,0,.6)}.pu8-live-side-item span{width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,5,11,.45);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}.pu8-live-side-item svg{width:22px;height:22px}
.pu8-live-chat{position:absolute;left:15px;right:73px;bottom:92px;z-index:5;display:flex;flex-direction:column;gap:8px}.pu8-live-chat p{width:max-content;max-width:100%;margin:0;padding:7px 10px;border-radius:13px;background:rgba(8,5,11,.42);backdrop-filter:blur(7px);font-size:10px;color:#f2eaf0;text-shadow:0 1px 3px rgba(0,0,0,.4)}.pu8-live-chat b{color:#ff96b3;margin-right:5px}
.pu8-live-composer{position:absolute;left:13px;right:13px;bottom:max(14px,env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;gap:9px}.pu8-live-composer-input{height:45px;border-radius:23px;flex:1;display:flex;align-items:center;padding:0 15px;background:rgba(8,5,11,.58);border:1px solid rgba(255,255,255,.14);color:#c7bbc5;font-size:11px;backdrop-filter:blur(12px)}.pu8-live-composer button{width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(8,5,11,.58);color:#fff;display:flex;align-items:center;justify-content:center}.pu8-live-composer svg{width:21px;height:21px}
.pu8-live-lock{position:absolute;z-index:20;left:18px;right:18px;top:50%;transform:translateY(-48%);border-radius:28px;padding:23px 20px;background:rgba(22,14,27,.94);border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.56);backdrop-filter:blur(24px);text-align:center}.pu8-live-lock-icon{width:63px;height:63px;border-radius:22px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,63,120,.2),rgba(165,92,255,.2));color:#ff7da4;border:1px solid rgba(255,255,255,.1)}.pu8-live-lock-icon svg{width:30px;height:30px}.pu8-live-lock h1{font-size:21px;margin:0 0 9px}.pu8-live-lock p{font-size:12px;line-height:1.65;color:#bfaebe;margin:0 0 18px}.pu8-live-lock-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}.pu8-live-lock-actions a{height:45px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pu8-line);background:rgba(255,255,255,.055);font-size:11px;font-weight:900}.pu8-live-lock-actions a.primary{border:0;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));box-shadow:0 10px 25px rgba(255,63,120,.25)}

.pu8-account-page{width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:28px;background:radial-gradient(circle at 100% 0,rgba(255,63,120,.11),transparent 28%),radial-gradient(circle at 0 14%,rgba(165,92,255,.1),transparent 26%),var(--pu8-bg);color:var(--pu8-text)}
.pu8-account-head{height:67px;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:8px 13px;background:rgba(10,7,16,.9);border-bottom:1px solid var(--pu8-line);backdrop-filter:blur(18px)}.pu8-account-head h1{font-size:18px;text-align:center;margin:0}.pu8-account-head p{font-size:9px;color:var(--pu8-muted);text-align:center;margin:3px 0 0}.pu8-account-back,.pu8-account-home{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--pu8-line);background:rgba(255,255,255,.045)}.pu8-account-back svg,.pu8-account-home svg{width:19px;height:19px}.pu8-account-home{grid-column:3}
.pu8-account-content{padding:16px}.pu8-account-intro{border-radius:22px;padding:17px;margin-bottom:14px;background:linear-gradient(145deg,rgba(255,63,120,.13),rgba(165,92,255,.1));border:1px solid rgba(255,255,255,.09)}.pu8-account-intro h2{font-size:17px;margin:0 0 6px}.pu8-account-intro p{font-size:11px;color:#c7b9c5;line-height:1.55;margin:0}
.pu8-form-card,.pu8-record-card,.pu8-info-card{border-radius:22px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);padding:16px;box-shadow:0 13px 34px rgba(0,0,0,.15)}.pu8-form-card+.pu8-form-card,.pu8-info-card+.pu8-form-card{margin-top:12px}
.pu8-form-field{margin-bottom:14px}.pu8-form-field:last-child{margin-bottom:0}.pu8-form-field label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d5c8d2;font-size:11px;font-weight:800;margin:0 0 7px}.pu8-form-field label small{font-size:9px;color:var(--pu8-muted);font-weight:600}.pu8-form-input,.pu8-form-select{width:100%;height:50px;border-radius:16px;border:1px solid var(--pu8-line);background:rgba(255,255,255,.05);color:#fff;padding:0 14px;outline:none}.pu8-form-input::placeholder{color:#776b76}.pu8-form-input:focus,.pu8-form-select:focus{border-color:rgba(255,87,141,.6);box-shadow:0 0 0 3px rgba(255,63,120,.075)}
.pu8-form-submit{width:100%;height:50px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff;font-weight:950;margin-top:5px;box-shadow:0 11px 26px rgba(255,63,120,.24)}.pu8-form-submit:active{transform:scale(.99)}
.pu8-form-alert{border-radius:15px;padding:12px 13px;font-size:11px;line-height:1.55;margin:0 0 13px}.pu8-form-alert.error{background:rgba(255,63,120,.1);border:1px solid rgba(255,63,120,.2);color:#ff91b0}.pu8-form-alert.success{background:rgba(77,227,165,.09);border:1px solid rgba(77,227,165,.18);color:#6feab8}.pu8-form-alert.info{background:rgba(165,92,255,.09);border:1px solid rgba(165,92,255,.17);color:#c7a0ff}
.pu8-segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);margin-bottom:14px}.pu8-segmented.three{grid-template-columns:repeat(3,1fr)}.pu8-segmented a{height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#9e919c;font-size:10px;font-weight:900}.pu8-segmented a.active{background:linear-gradient(135deg,rgba(255,63,120,.24),rgba(165,92,255,.2));color:#fff;box-shadow:0 6px 15px rgba(0,0,0,.16)}
.pu8-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.pu8-status-box{border-radius:18px;padding:13px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line)}.pu8-status-box span{display:block;font-size:9px;color:var(--pu8-muted);margin-bottom:5px}.pu8-status-box b{font-size:13px}.pu8-status-ok{color:var(--pu8-green)!important}.pu8-status-wait{color:var(--pu8-gold)!important}.pu8-status-bad{color:#ff779c!important}
.pu8-amount-entry{height:65px;border-bottom:1px solid var(--pu8-line);display:flex;align-items:center;gap:9px;margin-bottom:12px}.pu8-amount-entry b{font-size:15px}.pu8-amount-entry input{min-width:0;flex:1;border:0;background:transparent;color:#fff;font-size:25px;font-weight:900;outline:none}.pu8-amount-entry a{color:#ff7ea5;font-size:11px;font-weight:900}.pu8-balance-line{display:flex;justify-content:space-between;align-items:center;color:var(--pu8-muted);font-size:11px;margin:10px 0 15px}.pu8-balance-line b{color:#fff;font-size:14px}.pu8-help-link{display:flex;justify-content:flex-end;margin:0 0 13px}.pu8-help-link button{border:0;background:transparent;color:#c99dff;font-size:10px;padding:0}
.pu8-record-list{display:flex;flex-direction:column;gap:11px}.pu8-record-card{padding:14px}.pu8-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--pu8-line)}.pu8-record-head b{font-size:13px;line-height:1.4}.pu8-record-status{height:24px;border-radius:12px;padding:0 8px;display:flex;align-items:center;font-size:9px;font-weight:900;background:rgba(255,255,255,.065);color:#c9bdc7}.pu8-record-status.ok{background:rgba(77,227,165,.1);color:#67e7b3}.pu8-record-status.wait{background:rgba(255,198,92,.1);color:#ffd071}.pu8-record-status.bad{background:rgba(255,63,120,.1);color:#ff85a8}.pu8-record-lines{padding-top:7px}.pu8-record-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:5px 0;font-size:10px}.pu8-record-line span{color:var(--pu8-muted);flex:0 0 auto}.pu8-record-line b{text-align:right;font-weight:750;color:#eee5ec;word-break:break-word}.pu8-empty{padding:70px 20px;text-align:center;color:#817581}.pu8-empty-icon{width:65px;height:65px;border-radius:22px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line);font-size:26px}
.pu8-language-list{display:flex;flex-direction:column;gap:9px}.pu8-language-card{min-height:67px;border-radius:19px;padding:11px 13px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.045);border:1px solid var(--pu8-line)}.pu8-language-card.active{border-color:rgba(255,70,129,.52);background:rgba(255,63,120,.09)}.pu8-language-card .pu8-language-code{width:43px;height:43px;flex-basis:43px}.pu8-language-card-copy{flex:1}.pu8-language-card-copy b,.pu8-language-card-copy span{display:block}.pu8-language-card-copy b{font-size:13px}.pu8-language-card-copy span{font-size:9px;color:var(--pu8-muted);margin-top:4px}
.pu8-modal-mask{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,2,5,.76);backdrop-filter:blur(9px)}.pu8-modal-mask.open{display:flex}.pu8-modal{width:100%;max-width:390px;border-radius:24px;padding:20px;background:#1a1221;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 70px rgba(0,0,0,.5)}.pu8-modal h3{font-size:18px;margin:0 0 10px}.pu8-modal p{font-size:11px;line-height:1.75;color:#c9bbc6;margin:0}.pu8-modal button{width:100%;height:43px;border:0;border-radius:15px;margin-top:16px;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff;font-weight:900}

@media(max-width:370px){
  .pu8-live-head{grid-template-columns:auto 1fr}.pu8-live-head-state{display:none}.pu8-live-head-copy p{max-width:160px}
  .pu8-live-lock-actions{grid-template-columns:1fr}.pu8-live-side{right:8px}.pu8-live-chat{right:62px}
}

/* PU8 V4 base: swipe/autoplay windows + independent dating profiles */
.pu8-slider{position:relative;overflow:hidden;touch-action:pan-y;background:linear-gradient(140deg,#30203f,#16101f)}
.pu8-slider-track{display:flex;width:100%;height:100%;transition:transform .48s cubic-bezier(.22,.76,.23,1);will-change:transform}
.pu8-slide{position:relative;min-width:100%;width:100%;height:100%;overflow:hidden}
.pu8-slide>a{display:block;width:100%;height:100%}
.pu8-slider-dots{position:absolute;z-index:8;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:12px;background:rgba(8,5,12,.34);backdrop-filter:blur(7px)}
.pu8-slider-dot{width:5px;height:5px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.38);transition:.25s}
.pu8-slider-dot.active{width:16px;border-radius:5px;background:#fff}
.pu8-slider-arrow{position:absolute;z-index:9;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(8,5,12,.42);color:#fff;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
.pu8-slider-arrow.prev{left:10px}.pu8-slider-arrow.next{right:10px}.pu8-slider-arrow svg{width:17px;height:17px}
@media(hover:hover) and (min-width:700px){.pu8-slider-arrow{display:flex}}

.pu8-hero-slider{margin:4px 16px 16px;height:246px;border-radius:27px;box-shadow:var(--pu8-shadow)}
.pu8-hero-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.84) contrast(1.04)}
.pu8-hero-slide:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,7,16,.03),rgba(10,7,16,.22) 36%,rgba(10,7,16,.94) 100%),linear-gradient(90deg,rgba(255,63,120,.19),transparent 56%)}
.pu8-hero-slide .pu8-hero-content{bottom:25px}
.pu8-hero-profile-meta{display:flex;align-items:center;gap:7px;margin:7px 0 13px;color:#ddd0da;font-size:11px}.pu8-hero-profile-meta i{width:3px;height:3px;border-radius:50%;background:#bcabb8}
.pu8-hero-empty{height:100%;display:flex;align-items:flex-end;padding:22px;background:radial-gradient(circle at 80% 12%,rgba(255,63,120,.26),transparent 33%),radial-gradient(circle at 10% 0,rgba(165,92,255,.2),transparent 35%),linear-gradient(145deg,#2a1933,#100b16)}
.pu8-hero-empty-copy{position:relative;z-index:2;padding-bottom:14px}.pu8-hero-empty-copy h1{font-size:27px;margin:8px 0}.pu8-hero-empty-copy p{color:#d2c4cf;font-size:12px;line-height:1.6;margin:0}

.pu8-auto-strip{scroll-behavior:auto;overscroll-behavior-inline:contain;cursor:grab}.pu8-auto-strip:active{cursor:grabbing}
.pu8-profile-card .pu8-profile-info{min-height:91px}
.pu8-profile-empty{margin:0 16px 18px;padding:34px 20px;border:1px dashed rgba(255,255,255,.13);border-radius:23px;background:rgba(255,255,255,.035);text-align:center}.pu8-profile-empty strong{display:block;font-size:16px;margin-bottom:7px}.pu8-profile-empty span{font-size:11px;color:var(--pu8-muted);line-height:1.6}
.pu8-service-chips{display:flex;flex-wrap:wrap;gap:7px}.pu8-service-chip{min-height:27px;padding:6px 10px;border-radius:13px;background:rgba(255,63,120,.09);border:1px solid rgba(255,63,120,.17);color:#ff9ab6;font-size:10px;font-weight:800}

.pu8-live-slider{margin:8px 16px 17px;height:198px;border-radius:24px;box-shadow:0 15px 34px rgba(0,0,0,.23)}
.pu8-live-slide img{width:100%;height:100%;object-fit:cover;display:block}.pu8-live-slide:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 16%,rgba(8,5,11,.95))}
.pu8-live-slide .pu8-live-hero-content{z-index:3;bottom:22px}.pu8-live-slide .pu8-live-enter{bottom:20px}
.pu8-live-top-strip{display:flex;gap:8px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}.pu8-live-top-strip::-webkit-scrollbar{display:none}.pu8-live-top-chip{flex:0 0 auto;height:34px;border-radius:17px;padding:0 14px;display:flex;align-items:center;border:1px solid var(--pu8-line);background:rgba(255,255,255,.045);color:#bcaeba;font-size:10px;font-weight:850}.pu8-live-top-chip.active{background:linear-gradient(135deg,rgba(255,63,120,.2),rgba(165,92,255,.17));color:#fff;border-color:rgba(255,91,144,.28)}

.pu8-dating-page{width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:100px;background:radial-gradient(circle at 100% 0,rgba(255,63,120,.11),transparent 29%),var(--pu8-bg);color:var(--pu8-text)}
.pu8-dating-slider{height:min(70vh,590px);min-height:430px;background:#18101f}
.pu8-dating-slide img{width:100%;height:100%;object-fit:cover;display:block}.pu8-dating-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,7,.08),transparent 48%,rgba(8,5,12,.88));z-index:1}
.pu8-dating-back{position:absolute;z-index:12;left:14px;top:max(14px,env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,5,12,.5);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(9px)}.pu8-dating-back svg{width:21px;height:21px}
.pu8-dating-count{position:absolute;z-index:12;right:14px;top:max(18px,env(safe-area-inset-top));height:31px;border-radius:16px;padding:0 11px;display:flex;align-items:center;background:rgba(8,5,12,.5);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:850;backdrop-filter:blur(9px)}
.pu8-dating-content{position:relative;z-index:3;margin-top:-28px;border-radius:28px 28px 0 0;padding:23px 17px 24px;background:linear-gradient(180deg,#140d1a,var(--pu8-bg) 72px)}
.pu8-dating-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}.pu8-dating-title-row h1{font-size:25px;line-height:1.15;margin:0}.pu8-dating-title-row p{font-size:11px;color:#c3b5c0;margin:7px 0 0}.pu8-dating-online{height:28px;padding:0 10px;border-radius:14px;display:flex;align-items:center;gap:6px;background:rgba(77,227,165,.09);border:1px solid rgba(77,227,165,.18);color:#65e4b0;font-size:9px;font-weight:900}.pu8-dating-online i{width:6px;height:6px;border-radius:50%;background:#4de3a5;box-shadow:0 0 8px #4de3a5}
.pu8-dating-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.pu8-dating-fact{border-radius:18px;padding:12px 13px;background:rgba(255,255,255,.043);border:1px solid var(--pu8-line)}.pu8-dating-fact span{display:block;color:var(--pu8-muted);font-size:9px;margin-bottom:5px}.pu8-dating-fact b{display:block;font-size:12px;line-height:1.35}
.pu8-dating-block{margin-top:16px;border-radius:22px;padding:17px;background:rgba(255,255,255,.042);border:1px solid var(--pu8-line)}.pu8-dating-block h2{font-size:15px;margin:0 0 11px}.pu8-dating-block p{font-size:11px;line-height:1.8;color:#d2c5cf;margin:0;white-space:pre-wrap;word-break:break-word}
.pu8-dating-actions{position:sticky;z-index:20;bottom:76px;display:grid;grid-template-columns:50px 1fr;gap:9px;margin:18px 0 0}.pu8-dating-actions button,.pu8-dating-actions a{height:49px;border-radius:17px;display:flex;align-items:center;justify-content:center}.pu8-dating-actions button{border:1px solid var(--pu8-line);background:rgba(255,255,255,.055);color:#ff82a6}.pu8-dating-actions button svg{width:22px;height:22px}.pu8-dating-actions a{background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));font-size:12px;font-weight:950;box-shadow:0 12px 28px rgba(255,63,120,.25)}

.pu8-language-inline{display:inline-flex;align-items:center;gap:5px}.pu8-language-inline strong{font-size:10px}

@media(max-width:370px){
  .pu8-hero-slider{height:230px}.pu8-dating-slider{min-height:400px}.pu8-dating-title-row h1{font-size:22px}
}

/* PU8 V4: cache-safe language menu, reliable sliders, profile details */
.pu8-language-menu{position:relative;z-index:90}
.pu8-language-menu>summary{list-style:none;cursor:pointer;user-select:none;-webkit-user-select:none}
.pu8-language-menu>summary::-webkit-details-marker{display:none}
.pu8-language-menu[open]>summary{border-color:rgba(255,91,144,.42);background:rgba(255,63,120,.12)}
.pu8-language-menu[open]>summary svg{transform:rotate(180deg)}
.pu8-language-popover{position:absolute;z-index:120;right:0;top:46px;width:194px;padding:8px;border-radius:18px;background:rgba(24,16,31,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.pu8-language-popover:before{content:"";position:absolute;right:19px;top:-6px;width:11px;height:11px;transform:rotate(45deg);background:#18101f;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}
.pu8-language-popover a{position:relative;z-index:1;min-height:45px;padding:7px 9px;border-radius:13px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;color:#eee5ec}
.pu8-language-popover a+a{margin-top:3px}
.pu8-language-popover a:hover,.pu8-language-popover a.active{background:rgba(255,63,120,.1)}
.pu8-language-popover a>span{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);font-size:9px;font-weight:950;color:#ff9bb8}
.pu8-language-popover a>b{font-size:11px;white-space:nowrap}.pu8-language-popover a>i{font-style:normal;color:var(--pu8-green);font-weight:950;text-align:center}

.pu8-slider.is-dragging{cursor:grabbing}.pu8-slider.is-dragging .pu8-slider-track{user-select:none;-webkit-user-select:none}.pu8-slider.is-dragging a{pointer-events:none}
.pu8-hero-slide img,.pu8-live-slide img,.pu8-dating-slide img{pointer-events:none;user-select:none;-webkit-user-drag:none}

.pu8-profile-card .pu8-profile-info-v4{min-height:134px;padding:10px 11px 11px;display:flex;flex-direction:column;gap:5px}
.pu8-profile-data{display:grid;grid-template-columns:43px minmax(0,1fr);gap:6px;align-items:start;min-width:0}
.pu8-profile-data span{font-size:9px;line-height:1.45;color:#887b87;white-space:nowrap}
.pu8-profile-data b{min-width:0;font-size:10px;line-height:1.45;color:#e7dce4;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-profile-data:first-child b{color:#fff;font-size:11px;font-weight:900}
.pu8-profile-data.service b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#ff9db9}

.pu8-media-review{margin:18px 0 0;padding:15px;border-radius:22px;display:grid;grid-template-columns:78px 1fr;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(255,63,120,.1),rgba(165,92,255,.08));border:1px solid rgba(255,255,255,.1)}
.pu8-media-score{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--pu8-pink) var(--score-angle),rgba(255,255,255,.08) 0);position:relative;box-shadow:0 10px 28px rgba(255,63,120,.16)}
.pu8-media-score:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#17101e}
.pu8-media-score strong,.pu8-media-score span{position:relative;z-index:1}.pu8-media-score strong{font-size:23px;line-height:1;font-weight:950}.pu8-media-score span{font-size:7px;color:#c9bbc5;margin-top:5px}
.pu8-media-review-copy b{font-size:14px}.pu8-media-review-copy p{margin:5px 0 9px;color:#b8aab5;font-size:9px;line-height:1.55}
.pu8-media-meter{height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}.pu8-media-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pu8-purple),var(--pu8-pink))}

.pu8-dating-detail-card{margin-top:14px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid var(--pu8-line)}
.pu8-dating-detail-row{width:100%;min-height:64px;padding:10px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.065);background:transparent;color:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;cursor:pointer}
.pu8-dating-detail-row:last-child{border-bottom:0}.pu8-dating-detail-row:active{background:rgba(255,63,120,.07)}
.pu8-detail-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,63,120,.18),rgba(165,92,255,.14));color:#ff9bb8;font-size:11px;font-weight:950}
.pu8-detail-copy{min-width:0}.pu8-detail-copy small,.pu8-detail-copy b{display:block}.pu8-detail-copy small{font-size:8px;color:#8f818d;margin-bottom:4px}.pu8-detail-copy b{font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu8-dating-detail-row em{font-style:normal;font-size:9px;color:#ff8ead;white-space:nowrap}

.pu8-dating-actions .pu8-booking-btn{border:0;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff;font-size:12px;font-weight:950;box-shadow:0 12px 28px rgba(255,63,120,.25)}

.pu8-concierge-mask{position:fixed;inset:0;z-index:600;display:none;align-items:flex-end;justify-content:center;padding:18px;background:rgba(3,2,5,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pu8-concierge-mask.open{display:flex}
.pu8-concierge-card{position:relative;width:100%;max-width:430px;border-radius:28px;padding:25px 20px 20px;text-align:center;background:linear-gradient(160deg,#25152d,#140d1a 62%);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.55)}
.pu8-concierge-close{position:absolute;right:12px;top:11px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#cdbfca;font-size:20px}
.pu8-concierge-avatar{width:68px;height:68px;border-radius:22px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;background:#fff;color:#1c0e16;font-size:22px;font-weight:950;letter-spacing:-1px;box-shadow:0 12px 32px rgba(255,63,120,.22)}.pu8-concierge-avatar em{font-style:normal;color:#fff;background:var(--pu8-pink);padding:3px 6px;border-radius:8px;margin-left:2px}
.pu8-concierge-card h2{margin:0;font-size:19px}.pu8-concierge-card p{margin:9px auto 0;max-width:330px;color:#c9bbc6;font-size:11px;line-height:1.75}
.pu8-concierge-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:18px}.pu8-concierge-actions button,.pu8-concierge-actions a{height:45px;border-radius:15px;border:1px solid var(--pu8-line);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:#e6dce4;font-size:11px;font-weight:900}.pu8-concierge-actions a,.pu8-concierge-actions .primary{border:0;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink));color:#fff}

@media(max-width:370px){
  .pu8-region-btn{padding:0 9px;font-size:11px}.pu8-language-btn{min-width:38px;padding:0 8px}.pu8-language-popover{right:-2px;width:184px}
  .pu8-profile-cover{height:190px}.pu8-profile-card .pu8-profile-info-v4{min-height:130px;padding-left:9px;padding-right:9px}.pu8-profile-data{grid-template-columns:38px minmax(0,1fr)}
  .pu8-media-review{grid-template-columns:70px 1fr;padding:13px;gap:10px}.pu8-media-score{width:66px;height:66px}
}

.pu8-hero-slide-alt img{object-position:68% center;transform:scale(1.055)}
.pu8-dating-slide-alt img{object-position:72% center;transform:scale(1.045)}

/* PU8 V5: reliable click targets, concierge locks, accurate profile state, unified qualification gifts */
.pu8-slider.is-dragging a{pointer-events:auto!important}
.pu8-slider a,.pu8-story{touch-action:pan-y;cursor:pointer}
.pu8-quick[type="button"]{appearance:none;-webkit-appearance:none;border:0;color:inherit;font:inherit;cursor:pointer}
.pu8-section-count{display:inline-flex;align-items:center;height:22px;margin-left:5px;padding:0 8px;border-radius:11px;background:rgba(255,63,120,.12);border:1px solid rgba(255,99,146,.19);color:#ff91b1;font-size:9px;font-weight:900;vertical-align:2px}
.pu8-pill[data-pu8-concierge],.pu8-live-top-chip[data-pu8-concierge]{position:relative;padding-right:28px}
.pu8-pill[data-pu8-concierge]:after,.pu8-live-top-chip[data-pu8-concierge]:after{content:"⌁";position:absolute;right:10px;top:50%;transform:translateY(-52%);font-size:11px;color:#ff8dac;opacity:.92}
.bottom-nav a span{display:block!important;white-space:nowrap!important;word-break:keep-all!important;line-height:1.1!important;font-size:9px!important}

/* Qualification / live-gift page: override historic CSS layers loaded before PU8. */
.boost-page{width:100%!important;max-width:460px!important;min-height:100vh!important;margin:0 auto!important;padding:0 16px calc(var(--pu8-nav-h) + 28px)!important;background:radial-gradient(circle at 100% 0,rgba(255,63,120,.11),transparent 30%),radial-gradient(circle at 0 16%,rgba(165,92,255,.1),transparent 34%),var(--pu8-bg)!important;color:var(--pu8-text)!important;overflow-x:hidden!important}
.boost-page .topbar{position:sticky!important;top:0!important;z-index:320!important;height:58px!important;margin:0 -16px 12px!important;padding:max(7px,env(safe-area-inset-top)) 12px 7px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center!important;gap:4px!important;background:rgba(10,7,16,.95)!important;border-bottom:1px solid var(--pu8-line)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.boost-page .topbar h1{min-width:0!important;margin:0!important;padding:0 4px!important;text-align:center!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.boost-page .topbar .pu8-boost-back{position:relative!important;z-index:330!important;width:40px!important;height:40px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.05)!important;color:#fff!important;pointer-events:auto!important;touch-action:manipulation!important}
.boost-page .topbar .pu8-boost-back svg{width:21px!important;height:21px!important;stroke-width:2.4!important}
.pu8-boost-head-spacer{display:block;width:40px;height:40px}
.boost-page .boost-panel{margin:0 0 13px!important;padding:14px!important;border-radius:22px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:linear-gradient(135deg,rgba(255,63,120,.11),rgba(165,92,255,.1))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important}
.boost-page .boost-panel>div{min-width:0!important;padding:12px 10px!important;border-radius:16px!important;text-align:center!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;color:#b9aab6!important;font-size:10px!important;line-height:1.45!important}
.boost-page .boost-panel>div span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.boost-page .boost-panel b{display:block!important;margin-top:5px!important;color:#ff79a1!important;font-size:22px!important;line-height:1.1!important;font-weight:950!important;text-shadow:0 0 18px rgba(255,63,120,.2)!important}
.boost-page .boost-panel #selectedCat{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.boost-page .cat-grid{width:100%!important;margin:0 0 14px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.boost-page .cat-btn{min-width:0!important;height:76px!important;padding:8px 4px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;color:#ddd1da!important;box-shadow:none!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.boost-page .cat-btn:active{transform:scale(.96)!important}
.boost-page .cat-btn.active{border-color:rgba(255,89,143,.58)!important;background:linear-gradient(145deg,rgba(255,63,120,.22),rgba(165,92,255,.18))!important;color:#fff!important;box-shadow:0 9px 24px rgba(255,63,120,.15)!important}
.boost-page .cat-btn.disabled{opacity:.42!important;filter:saturate(.55)!important}
.pu8-gift-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:35px!important;height:35px!important;border-radius:13px!important;background:rgba(255,255,255,.065)!important;font-size:22px!important;line-height:1!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.2))!important}
.boost-page .cat-btn.active .pu8-gift-icon{background:rgba(255,255,255,.11)!important}
.pu8-gift-name{display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;color:inherit!important}
.boost-page .boost-banner{width:100%!important;height:auto!important;max-height:none!important;margin:0 0 14px!important;padding:0!important;border-radius:23px!important;overflow:hidden!important;background:#1b1220!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
.boost-page .boost-banner img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:0!important}
.boost-page .amount-wrap{position:relative!important;bottom:auto!important;width:100%!important;margin:0!important;padding:14px!important;border-radius:23px!important;background:linear-gradient(160deg,rgba(31,21,39,.98),rgba(21,14,27,.98))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important;color:#fff!important}
.boost-page .boost-current-line{min-height:25px!important;margin:0 0 9px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#bcafba!important;font-size:10px!important;font-weight:850!important}
.boost-page .boost-current-line>span:first-child{margin-right:auto!important}
.boost-page .rule-link,.boost-page .rule-rate-badge{height:26px!important;padding:0 9px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,63,120,.09)!important;border:1px solid rgba(255,80,137,.2)!important;color:#ff91b1!important;font-size:9px!important;font-weight:900!important}
.boost-page .amount-row{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:9px!important;align-items:center!important}
.boost-page #amountInput{width:100%!important;height:52px!important;margin:0!important;padding:0 14px!important;border-radius:16px!important;border:1px solid rgba(255,97,149,.35)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;font-size:20px!important;font-weight:950!important;outline:none!important;box-shadow:none!important}
.boost-page #amountInput.amount-error{border-color:#ff587f!important;color:#ff8ca8!important}
.boost-page .currency{height:52px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,97,149,.35)!important;background:rgba(255,63,120,.08)!important;color:#ff91b1!important;font-size:12px!important;font-weight:950!important}
.boost-page .boost-balance{grid-column:1/-1!important;display:block!important;margin:1px 2px 0!important;color:#d4c7d1!important;font-size:10px!important;font-weight:800!important}
.boost-page .amount-summary{margin-top:12px!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) 112px!important;align-items:center!important;gap:9px!important}
.boost-page .amount-summary>button{height:46px!important;border-radius:15px!important;font-size:11px!important;font-weight:950!important}
.boost-page #clearBtn{border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.05)!important;color:#d7cbd4!important}
.boost-page #submitBtn{border:0!important;background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink))!important;color:#fff!important;box-shadow:0 10px 24px rgba(255,63,120,.24)!important}
.boost-page #submitBtn.disabled{opacity:.48!important;box-shadow:none!important}
.boost-page .boost-total-desc{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;color:#b8aab5!important;font-size:9px!important;font-style:normal!important}
.boost-page .boost-total-desc em{display:block!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.boost-page .boost-total-desc b{color:#ff8cac!important;font-size:11px!important}

@media(max-width:370px){
  .boost-page{padding-left:12px!important;padding-right:12px!important}
  .boost-page .topbar{margin-left:-12px!important;margin-right:-12px!important}
  .boost-page .cat-grid{gap:6px!important}
  .boost-page .cat-btn{height:70px!important;padding-left:2px!important;padding-right:2px!important}
  .pu8-gift-icon{width:32px!important;height:32px!important;font-size:20px!important}
  .pu8-gift-name{font-size:8px!important}
  .boost-page .amount-summary{grid-template-columns:68px minmax(0,1fr) 104px!important;gap:7px!important}
}

/* PU8 V6: repair quick-entry button layout and isolate the main bottom navigation. */
.pu8-quick-grid .pu8-quick,
.pu8-quick-grid a.pu8-quick,
.pu8-quick-grid button.pu8-quick{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  color:#e8dfe7!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.pu8-quick-grid .pu8-quick .pu8-quick-icon{
  width:100%!important;
  height:54px!important;
  margin:0 0 8px!important;
  padding:0!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body .bottom-nav.pu8-main-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  max-width:460px!important;
  min-width:0!important;
  height:calc(72px + env(safe-area-inset-bottom))!important;
  min-height:72px!important;
  margin:0!important;
  padding:7px 10px max(7px,env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:visible!important;
  background:rgba(16,10,21,.96)!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  border-radius:0!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.26)!important;
  z-index:1000!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
body .bottom-nav.pu8-main-nav>a{
  position:relative!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:4px 2px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#897d89!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  touch-action:manipulation!important;
}
body .bottom-nav.pu8-main-nav>a svg{
  display:block!important;
  flex:0 0 21px!important;
  width:21px!important;
  height:21px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  stroke-width:2!important;
}
body .bottom-nav.pu8-main-nav>a span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:12px!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body .bottom-nav.pu8-main-nav>a.active{
  color:#ff6e9b!important;
  background:rgba(255,63,120,.035)!important;
}
body .bottom-nav.pu8-main-nav>a.active:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-7px!important;
  transform:translateX(-50%)!important;
  width:32px!important;
  height:3px!important;
  border-radius:0 0 4px 4px!important;
  background:linear-gradient(90deg,var(--pu8-purple),var(--pu8-pink))!important;
  box-shadow:0 3px 10px rgba(255,63,120,.5)!important;
}

/* Keep the eight live-gift choices stable against historical certification CSS. */
.boost-page .cat-grid>.cat-btn{
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.boost-page~.bottom-nav.pu8-main-nav,
body>.bottom-nav.pu8-main-nav{
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:350px){
  body .bottom-nav.pu8-main-nav{padding-left:6px!important;padding-right:6px!important}
  body .bottom-nav.pu8-main-nav>a{padding-left:0!important;padding-right:0!important}
  body .bottom-nav.pu8-main-nav>a span{font-size:9px!important}
  .pu8-quick-grid{gap:7px!important;padding-left:12px!important;padding-right:12px!important}
  .pu8-quick-grid .pu8-quick{font-size:10px!important}
}

/* PU8 V7: concierge stacking, points UI, certification records and keypad theme. */
body .pu8-concierge-mask{
  z-index:20000!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
body .pu8-concierge-mask.open{display:flex!important}
body .pu8-concierge-card{
  width:100%!important;
  max-width:430px!important;
  max-height:calc(100svh - 32px)!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
body .pu8-concierge-card::-webkit-scrollbar{display:none!important}
body.pu8-concierge-open .bottom-nav.pu8-main-nav{pointer-events:none!important}

.pu8-record-start{
  margin:0 0 13px!important;
  padding:14px!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:linear-gradient(145deg,rgba(255,63,120,.14),rgba(165,92,255,.12))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.pu8-record-start>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.pu8-record-start b{font-size:13px!important;color:#fff!important}
.pu8-record-start span{font-size:9px!important;line-height:1.45!important;color:#bfaeba!important}
.pu8-record-start a{
  flex:0 0 auto!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink))!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950!important;
  box-shadow:0 9px 22px rgba(255,63,120,.24)!important;
}

.boost-page .boost-current-line{
  min-height:42px!important;
  margin:0 0 10px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:#e8dce5!important;
}
.boost-page .boost-current-line>span:first-child{
  color:#ff8ead!important;
  font-size:10px!important;
  font-weight:950!important;
}
.boost-page .boost-balance{
  grid-column:1/-1!important;
  min-height:38px!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(145deg,rgba(255,63,120,.08),rgba(165,92,255,.07))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:#f5eaf2!important;
  font-size:10px!important;
  font-weight:900!important;
}
.boost-page #amountInput{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  color:#fff!important;
  border-color:rgba(255,103,155,.42)!important;
}
.boost-page .currency{
  background:linear-gradient(145deg,rgba(255,63,120,.15),rgba(165,92,255,.11))!important;
  border-color:rgba(255,103,155,.42)!important;
  color:#ff9ab7!important;
}

body #numPadMask.num-pad-mask{
  position:fixed!important;
  inset:0!important;
  z-index:22000!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  background:rgba(3,2,5,.78)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body #numPadMask .num-pad{
  width:100%!important;
  max-width:460px!important;
  margin:0!important;
  padding:14px 14px calc(15px + env(safe-area-inset-bottom))!important;
  border-radius:25px 25px 0 0!important;
  background:linear-gradient(180deg,#211628,#110c16)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.58)!important;
}
body #numPadMask .num-pad-head{
  min-height:43px!important;
  padding:0 3px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
}
body #numPadMask .num-pad-close{
  height:30px!important;
  padding:0 11px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,63,120,.12)!important;
  border:1px solid rgba(255,92,145,.25)!important;
  color:#ff96b3!important;
  font-size:10px!important;
  font-weight:950!important;
}
body #numPadMask .num-pad-display{
  width:100%!important;
  height:54px!important;
  margin:0 0 12px!important;
  padding:0 15px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,103,155,.38)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
body #numPadMask .num-pad-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
body #numPadMask .num-key{
  min-width:0!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  color:#f8eef5!important;
  font-size:19px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
body #numPadMask .num-key:active{transform:scale(.97)!important;background:rgba(255,63,120,.13)!important}
body #numPadMask .num-key.del{color:#ff87a9!important}
body #numPadMask .num-key.ok{
  background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(255,63,120,.25)!important;
}

@media(max-height:560px){
  body .pu8-concierge-card{padding:16px 16px 14px!important;border-radius:22px!important}
  body .pu8-concierge-close{top:8px!important;right:9px!important;width:30px!important;height:30px!important}
  body .pu8-concierge-avatar{width:54px!important;height:54px!important;border-radius:18px!important;margin-bottom:9px!important;font-size:19px!important}
  body .pu8-concierge-card h2{font-size:17px!important}
  body .pu8-concierge-card p{margin-top:6px!important;font-size:10px!important;line-height:1.5!important}
  body .pu8-concierge-actions{margin-top:12px!important}
  body .pu8-concierge-actions button,body .pu8-concierge-actions a{height:40px!important}
}

@media(max-width:360px){
  .pu8-record-start{align-items:flex-start!important}
  .pu8-record-start a{height:36px!important;padding:0 11px!important}
}


/* PU8 V8: live cleanup, duplicate-strip removal, certification visibility and region-sheet repair. */
.pu8-live-room .pu8-live-side{display:none!important}
.pu8-live-room .pu8-live-chat{right:15px!important}
.pu8-live-top-strip{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.pu8-live-top-chip{scroll-snap-align:start}
.pu8-story-row{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.pu8-story-row .pu8-story{scroll-snap-align:start}

.boost-page .boost-panel>div:last-child{
  background:linear-gradient(145deg,rgba(255,63,120,.16),rgba(165,92,255,.14))!important;
  border-color:rgba(255,104,155,.28)!important;
}
.boost-page .boost-panel #selectedCat{
  min-height:25px!important;
  margin-top:7px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(7,4,10,.3)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  text-shadow:0 0 15px rgba(255,98,151,.32)!important;
}
.boost-page .boost-current-line{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:9px 10px!important;
  background:linear-gradient(145deg,rgba(255,63,120,.12),rgba(165,92,255,.09))!important;
  border-color:rgba(255,103,155,.24)!important;
}
.boost-page .boost-current-line>span:first-child{margin:0!important;white-space:nowrap!important}
.boost-page .pu8-current-gifts{
  min-width:0!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.boost-page .boost-balance{
  background:linear-gradient(135deg,rgba(255,63,120,.2),rgba(165,92,255,.16))!important;
  border-color:rgba(255,106,158,.36)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.12)!important;
}
.boost-page .boost-balance::before{
  content:"可用"!important;
  margin-right:7px!important;
  padding:3px 7px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.09)!important;
  color:#ffb0c5!important;
  font-size:8px!important;
  font-weight:950!important;
}

.pu8-start-cert{
  margin:0 16px 14px!important;
  min-height:66px!important;
  padding:13px 15px!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:linear-gradient(135deg,rgba(255,63,120,.2),rgba(165,92,255,.16))!important;
  border:1px solid rgba(255,106,158,.3)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
}
.pu8-start-cert span{min-width:0;display:flex;flex-direction:column;gap:4px}
.pu8-start-cert b{font-size:14px;font-weight:950}
.pu8-start-cert small{color:#cdbdca;font-size:9px}
.pu8-start-cert i{flex:0 0 auto;font-style:normal;color:#ff9ab7;font-size:10px;font-weight:950}

body .pu8-sheet-mask{
  z-index:21000!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(14px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
body .pu8-sheet-mask.open{display:flex!important}
body .pu8-sheet{
  width:100%!important;
  max-width:428px!important;
  max-height:calc(100svh - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  padding:8px 16px calc(18px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
body .pu8-sheet::-webkit-scrollbar{display:none!important}
body.pu8-sheet-open .bottom-nav.pu8-main-nav{pointer-events:none!important}

@media(max-height:560px){
  body .pu8-sheet{padding:7px 13px 13px!important;border-radius:22px!important}
  body .pu8-sheet-handle{margin-bottom:9px!important}
  body .pu8-sheet-head{margin-bottom:8px!important}
  body .pu8-sheet-head h3{font-size:15px!important}
  body .pu8-region-option{min-height:52px!important;padding:8px 10px!important}
  body .pu8-region-flag{width:34px!important;height:34px!important;flex-basis:34px!important}
  body .pu8-region-copy span{margin-top:2px!important;line-height:1.25!important}
}

@media(max-width:370px){
  .boost-page .boost-current-line{grid-template-columns:auto minmax(0,1fr)!important}
  .boost-page .boost-current-line .rule-link,.boost-page .boost-current-line .rule-rate-badge{margin-top:2px!important}
  .pu8-start-cert{margin-left:12px!important;margin-right:12px!important}
}

/* PU8 V10: keep the certification action inside the amount card and above the main nav. */
.boost-page .amount-wrap{
  overflow:visible!important;
  padding-bottom:14px!important;
}
.boost-page .amount-summary{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:auto!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-height:48px!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 116px!important;
  align-items:center!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
.boost-page .amount-summary #clearBtn,
.boost-page .amount-summary .boost-total-desc,
.boost-page .amount-summary #submitBtn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
}
.boost-page .amount-summary #clearBtn{
  width:72px!important;
  min-width:72px!important;
  height:48px!important;
  margin:0!important;
}
.boost-page .amount-summary .boost-total-desc{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
}
.boost-page .amount-summary #submitBtn{
  grid-column:auto!important;
  width:116px!important;
  min-width:116px!important;
  height:48px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,var(--pu8-pink-2),var(--pu8-pink))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 10px 24px rgba(255,63,120,.24)!important;
}
.boost-page .amount-summary #submitBtn.disabled,
.boost-page .amount-summary #submitBtn:disabled{
  display:flex!important;
  visibility:visible!important;
  opacity:.52!important;
  background:linear-gradient(135deg,rgba(255,97,149,.55),rgba(255,63,120,.45))!important;
  color:#fff!important;
}
.boost-page~.bottom-nav.pu8-main-nav{z-index:1200!important}

@media(max-width:370px){
  .boost-page .amount-summary{
    grid-template-columns:64px minmax(0,1fr) 104px!important;
    gap:7px!important;
  }
  .boost-page .amount-summary #clearBtn{width:64px!important;min-width:64px!important}
  .boost-page .amount-summary #submitBtn{width:104px!important;min-width:104px!important;font-size:12px!important}
}

/* PU8 V10: balance-first certification card and hidden duplicate current-selection row. */
.boost-page .boost-current-line,
.boost-page #currentGiftNames{
  display:none!important;
}
.boost-page .pu8-balance-head{
  width:100%!important;
  min-height:44px!important;
  margin:0 0 10px!important;
  padding:7px 9px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,63,120,.14),rgba(165,92,255,.11))!important;
  border:1px solid rgba(255,103,155,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.boost-page .pu8-balance-head .boost-balance{
  grid-column:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.boost-page .pu8-balance-head .boost-balance::before{
  content:"余额"!important;
  flex:0 0 auto!important;
  margin-right:7px!important;
  padding:3px 7px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.09)!important;
  color:#ffb0c5!important;
  font-size:8px!important;
  font-weight:950!important;
}
.boost-page .pu8-balance-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  white-space:nowrap!important;
}
.boost-page .pu8-balance-tools .rule-link,
.boost-page .pu8-balance-tools .rule-rate-badge{
  position:static!important;
  inset:auto!important;
  float:none!important;
  margin:0!important;
  transform:none!important;
}
.boost-page .amount-row{
  margin-top:0!important;
}
@media(max-width:350px){
  .boost-page .pu8-balance-head{grid-template-columns:minmax(0,1fr)!important}
  .boost-page .pu8-balance-tools{justify-content:flex-start!important}
}


/* PU8 V11: remove secondary helper descriptions across the front site. */
.pu8-subhead>div>p,
.pu8-live-head-copy>p,
.pu8-section-head>div>p,
.pu8-account-head>div>p,
.pu8-account-intro>p,
.pu8-cert-intro>p,
.pu8-cert-main>p,
.pu8-auth-brand>p,
.pu8-hero-empty-copy>p,
.pu8-benefit>span,
.pu8-live-hero-content>p,
.pu8-media-review-copy>p,
.pu8-record-start span,
.pu8-profile-empty>span{
  display:none!important;
}
.pu8-account-head>div,
.pu8-subhead>div,
.pu8-live-head-copy,
.pu8-section-head>div{min-width:0!important}

/* PU8 V11: amount value and points unit always stay in the same row. */
body .boost-page .amount-wrap .amount-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 86px!important;
  grid-template-rows:52px!important;
  align-items:stretch!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
}
body .boost-page .amount-wrap .amount-row #amountInput{
  position:static!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  margin:0!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:block!important;
  border-radius:16px!important;
}
body .boost-page .amount-wrap .amount-row .currency{
  position:static!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1!important;
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  height:52px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
@media(max-width:350px){
  body .boost-page .amount-wrap .amount-row{grid-template-columns:minmax(0,1fr) 74px!important;gap:7px!important}
  body .boost-page .amount-wrap .amount-row .currency{width:74px!important;min-width:74px!important;max-width:74px!important}
}

/* PU8 V13: restore helper descriptions for full-site re-audit. */
.pu8-subhead>div>p,
.pu8-live-head-copy>p,
.pu8-section-head>div>p,
.pu8-account-head>div>p,
.pu8-account-intro>p,
.pu8-cert-intro>p,
.pu8-cert-main>p,
.pu8-auth-brand>p,
.pu8-hero-empty-copy>p,
.pu8-benefit>span,
.pu8-live-hero-content>p,
.pu8-media-review-copy>p,
.pu8-profile-empty>span{
  display:block!important;
}

/* PU8 V13: soft navigation progress, browser full-page reload is avoided for front-end GET links. */
.pu8-nav-progress{position:fixed;z-index:2147483647;left:0;right:0;top:0;height:2px;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .16s ease;background:transparent}
.pu8-nav-progress.show{opacity:1}
.pu8-nav-progress i{display:block;width:38%;height:100%;transform:translateX(-120%);background:linear-gradient(90deg,#ff4f8a,#c45cff,#ff8ab1);box-shadow:0 0 14px rgba(255,79,138,.75)}
.pu8-nav-progress.show i{animation:pu8NavProgress .9s ease-in-out infinite}
@keyframes pu8NavProgress{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}

/* PU8 V13: live room entry feed. */
.pu8-live-chat{max-height:min(36vh,290px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:6px!important}
.pu8-live-chat p{margin:0!important;animation:pu8ChatIn .3s ease both}
@keyframes pu8ChatIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* PU8 V13: recent 30 qualification rounds dropdown. */
.pu8-round-toggle{appearance:none;border:0;background:transparent;color:inherit;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;text-align:left;cursor:pointer}
.pu8-round-toggle-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.pu8-round-toggle-arrow{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,103,155,.22);transition:transform .22s ease,background .22s ease}
.pu8-round-toggle-arrow svg{width:14px;height:14px;stroke-width:2.2}
.pu8-round-history.open .pu8-round-toggle-arrow{transform:rotate(180deg);background:rgba(255,83,139,.18)}
.pu8-round-history-panel{display:none;margin:10px 0 14px;padding:10px;border-radius:16px;border:1px solid rgba(255,103,155,.2);background:linear-gradient(180deg,rgba(37,18,40,.96),rgba(17,11,23,.98));box-shadow:0 14px 30px rgba(0,0,0,.22)}
.pu8-round-history.open .pu8-round-history-panel{display:block}
.pu8-round-history-head{display:grid;grid-template-columns:58px minmax(0,1fr) 72px;gap:8px;padding:0 8px 7px;color:#8f8090;font-size:9px;font-weight:800}
.pu8-round-history-list{max-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pu8-round-history-row{display:grid;grid-template-columns:58px minmax(0,1fr) 72px;gap:8px;align-items:center;padding:10px 8px;border-top:1px solid rgba(255,255,255,.055);font-size:10px;color:#e8dce6}
.pu8-round-history-row:first-child{border-top:0}
.pu8-round-history-row b{color:#fff;font-size:10px;white-space:nowrap}
.pu8-round-history-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ff9fbd;font-weight:800}
.pu8-round-history-row time{color:#9d8f9b;font-size:8px;text-align:right;white-space:nowrap}
.pu8-round-history-empty{padding:18px 10px;text-align:center;color:#9d8f9b;font-size:10px}

/* PU8 V13: video images become a full-view auto/swipe gallery in gift selection. */
.boost-page .pu8-boost-media-slider{position:relative;margin:12px 14px 14px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,103,155,.25);background:#08060d;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.boost-page .pu8-boost-media-slider .pu8-slider-track{height:clamp(210px,58vw,390px)}
.boost-page .pu8-boost-media-slider .pu8-slide{height:100%;background:#08060d;display:flex;align-items:center;justify-content:center}
.boost-page .pu8-boost-media-slider .pu8-slide img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;background:#08060d}
.boost-page .pu8-boost-media-slider .pu8-slider-dots{bottom:10px}
.boost-page .boost-banner{display:none!important}

/* PU8 V13: make homepage video-derived slides show the entire image. */
.pu8-hero-slide.pu8-video-home-slide img{object-fit:contain!important;background:#08060d}
.pu8-video-home-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(255,74,134,.16);border:1px solid rgba(255,106,157,.32);color:#ffd5e2;font-size:9px;font-weight:900}

/* PU8 V13: amount input and points remain on one row on all widths. */
body .boost-page .amount-wrap .amount-row{grid-template-columns:minmax(0,1fr) 82px!important}
@media(max-width:340px){body .boost-page .amount-wrap .amount-row{grid-template-columns:minmax(0,1fr) 70px!important;gap:7px!important}}

/* PU8 V14: qualification layout, consistent controls, exact cover images and photo lightbox. */
.boost-page .boost-panel{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:8px!important;
  padding:12px!important;
}
.boost-page .boost-panel>div{
  min-height:86px!important;
  padding:10px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.boost-page .pu8-round-toggle{min-height:64px!important;align-items:center!important}
.boost-page .pu8-round-toggle-copy{width:100%!important;gap:5px!important}
.boost-page .pu8-round-toggle-copy>span{
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.28!important;
  font-size:10px!important;
  font-weight:900!important;
}
.boost-page .pu8-round-toggle-copy .countdown{
  margin-top:0!important;
  font-size:20px!important;
  white-space:nowrap!important;
}
.boost-page .pu8-round-toggle-arrow{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
}
.boost-page .boost-panel>div:last-child>span{
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#ffafc5!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.boost-page .boost-panel #selectedCat{
  width:100%!important;
  min-height:30px!important;
  max-height:46px!important;
  margin-top:6px!important;
  padding:6px 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  line-height:1.25!important;
  word-break:break-word!important;
  overflow:hidden!important;
}

body .boost-page .amount-wrap .amount-row #amountInput,
body .boost-page .amount-wrap .amount-row .currency,
.boost-page .amount-summary #clearBtn{
  border:1px solid rgba(255,87,143,.48)!important;
  background:linear-gradient(145deg,rgba(255,63,120,.13),rgba(165,92,255,.1))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
body .boost-page .amount-wrap .amount-row .currency{
  color:#ff9fbd!important;
  font-weight:950!important;
}
.boost-page .amount-summary #clearBtn{
  color:#ffb1c7!important;
  font-weight:950!important;
}
.boost-page .amount-summary #clearBtn:active{
  background:linear-gradient(145deg,rgba(255,63,120,.22),rgba(165,92,255,.17))!important;
}

.boost-page .pu8-boost-media-slider .pu8-slider-dots{
  left:50%!important;
  bottom:8px!important;
  width:auto!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:4px 6px!important;
  gap:5px!important;
  border-radius:999px!important;
  background:rgba(8,5,12,.52)!important;
}
.boost-page .pu8-boost-media-slider .pu8-slider-dot,
.boost-page .pu8-boost-media-slider button.pu8-slider-dot{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 6px!important;
  width:6px!important;
  min-width:6px!important;
  max-width:6px!important;
  height:6px!important;
  min-height:6px!important;
  max-height:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.42)!important;
  box-shadow:none!important;
  line-height:0!important;
}
.boost-page .pu8-boost-media-slider .pu8-slider-dot.active,
.boost-page .pu8-boost-media-slider button.pu8-slider-dot.active{
  flex-basis:18px!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  background:linear-gradient(90deg,#ff5b91,#c45cff)!important;
}

.pu8-cert-action{
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 88px!important;
  align-items:center!important;
  gap:8px!important;
}
.pu8-cert-action small{min-width:0!important;line-height:1.35!important}
.pu8-cert-btn{
  width:88px!important;
  min-width:88px!important;
  height:32px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.pu8-hero-slide img,
.pu8-hero-slide.pu8-video-home-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  background:#160f1d!important;
}

.pu8-dating-photo-button{
  width:100%;height:100%;display:block;position:relative;cursor:zoom-in;outline:0;background:#160f1d;
}
.pu8-dating-photo-button:after{
  content:"↗";position:absolute;right:13px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:rgba(8,5,12,.55);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;backdrop-filter:blur(8px);
}
.pu8-dating-photo-button img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.pu8-photo-viewer[hidden]{display:none!important}
.pu8-photo-viewer{
  position:fixed;z-index:30000;inset:0;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:center;background:rgba(2,1,4,.94);opacity:0;transition:opacity .18s ease;backdrop-filter:blur(14px);
}
.pu8-photo-viewer.open{opacity:1}
.pu8-photo-viewer figure{width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;position:relative}
.pu8-photo-viewer figure img{display:block;max-width:100%;max-height:calc(100dvh - 64px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.pu8-photo-viewer figcaption{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);height:28px;padding:0 11px;border-radius:14px;display:flex;align-items:center;background:rgba(10,7,16,.68);color:#fff;font-size:10px;font-weight:900}
.pu8-photo-viewer-close,.pu8-photo-viewer-nav{
  position:absolute;z-index:2;border:1px solid rgba(255,255,255,.14);background:rgba(20,13,27,.72);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)
}
.pu8-photo-viewer-close{right:14px;top:max(14px,env(safe-area-inset-top));width:38px;height:38px;border-radius:50%;font-size:23px}
.pu8-photo-viewer-nav{top:50%;transform:translateY(-50%);width:42px;height:54px;border-radius:17px;font-size:30px}
.pu8-photo-viewer-nav.prev{left:10px}.pu8-photo-viewer-nav.next{right:10px}
body.pu8-photo-open{overflow:hidden!important}
@media(max-width:420px){
  .boost-page .boost-panel{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important}
  .boost-page .boost-panel>div{min-height:82px!important;padding:9px 6px!important}
  .boost-page .pu8-round-toggle-copy>span{font-size:9px!important}
  .boost-page .pu8-round-toggle-copy .countdown{font-size:18px!important}
  .pu8-photo-viewer-nav{width:36px;height:48px;font-size:26px}
}
.pu8-photo-viewer.single .pu8-photo-viewer-nav{display:none!important}

/* PU8 V16: photo preview click-through, compact homepage cards and unified qualification accents. */
.pu8-dating-slide:after{pointer-events:none!important}
.pu8-dating-photo-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#160f1d!important;
  color:inherit!important;
  cursor:zoom-in!important;
  touch-action:manipulation!important;
}
.pu8-dating-photo-button img{pointer-events:none!important}
.pu8-dating-photo-button:focus-visible{outline:2px solid #ff6d9c!important;outline-offset:-3px!important}

.pu8-card-grid{align-items:start!important}
.pu8-profile-card{align-self:start!important}
.pu8-profile-card .pu8-profile-info-v4{
  min-height:0!important;
  height:auto!important;
  padding:9px 10px 10px!important;
  gap:3px!important;
}
.pu8-profile-data{line-height:1.25!important}
.pu8-profile-data span,.pu8-profile-data b{line-height:1.35!important}
.pu8-profile-data.service b{-webkit-line-clamp:1!important}
@media(max-width:370px){
  .pu8-profile-card .pu8-profile-info-v4{min-height:0!important;height:auto!important;padding:8px 9px 9px!important;gap:3px!important}
}

.boost-page .pu8-round-toggle{
  width:100%!important;
  min-height:64px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
}
.boost-page .pu8-round-toggle-copy{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
}
.boost-page .pu8-round-toggle-copy>span{
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  color:#ffd5e2!important;
  font-size:10px!important;
  line-height:1.3!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.boost-page .pu8-round-toggle-copy .countdown{
  color:#ff5b91!important;
  font-size:20px!important;
  line-height:1.05!important;
  text-align:left!important;
  text-shadow:0 0 18px rgba(255,63,120,.2)!important;
}
.boost-page .pu8-round-toggle-arrow{
  position:static!important;
  inset:auto!important;
  justify-self:end!important;
  align-self:center!important;
  flex:0 0 26px!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0!important;
  transform:rotate(0deg)!important;
  color:#ff9fbd!important;
  background:rgba(255,63,120,.12)!important;
  border:1px solid rgba(255,103,155,.34)!important;
}
.boost-page .pu8-round-history.open .pu8-round-toggle-arrow{transform:rotate(180deg)!important}
.boost-page .pu8-round-toggle-arrow svg{display:block!important;width:14px!important;height:14px!important;margin:0!important}

.boost-page .amount-summary .boost-total-desc{
  color:#e7dce5!important;
  font-size:9px!important;
  font-weight:800!important;
}
.boost-page .amount-summary .boost-total-desc em{color:#e7dce5!important}
.boost-page .amount-summary .boost-total-desc b{color:#ff8fb2!important;font-size:11px!important}
.boost-page .amount-summary #clearBtn{
  background:linear-gradient(145deg,rgba(255,63,120,.16),rgba(165,92,255,.13))!important;
  border-color:rgba(255,103,155,.42)!important;
  color:#ffc1d3!important;
}
.boost-page .amount-row .currency{
  background:linear-gradient(145deg,rgba(255,63,120,.16),rgba(165,92,255,.13))!important;
  border-color:rgba(255,103,155,.42)!important;
  color:#ff9fbd!important;
}

/* PU8 V16 emergency stability: isolate photo viewer and round-history trigger from legacy CSS. */
.pu8-dating-photo-button{
  appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
  position:relative!important;z-index:2!important;width:100%!important;height:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;display:block!important;
  overflow:hidden!important;background:#160f1d!important;color:inherit!important;cursor:zoom-in!important;
  touch-action:pan-y!important;-webkit-tap-highlight-color:transparent!important;
}
.pu8-dating-photo-button img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;pointer-events:none!important}
.pu8-dating-slide:after{pointer-events:none!important}
.pu8-photo-viewer,.pu8-photo-viewer *{box-sizing:border-box!important}
.pu8-photo-viewer button{appearance:none!important;-webkit-appearance:none!important;margin:0!important;padding:0!important;font-family:inherit!important;line-height:1!important}
.pu8-photo-viewer figure{background:transparent!important}
.pu8-photo-viewer figure img{background:transparent!important}

.boost-page .pu8-round-toggle-arrow{
  appearance:none!important;-webkit-appearance:none!important;position:static!important;inset:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important;align-self:center!important;
  width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;
  margin:0!important;padding:0 0 3px!important;border-radius:50%!important;border:1px solid rgba(255,103,155,.34)!important;
  background:rgba(255,63,120,.12)!important;color:#ff9fbd!important;font-size:18px!important;font-weight:900!important;line-height:1!important;
  transform:rotate(0deg)!important;overflow:hidden!important;
}
.boost-page .pu8-round-history.open .pu8-round-toggle-arrow{transform:rotate(180deg)!important;padding:3px 0 0!important}
.boost-page .pu8-round-toggle-arrow svg{display:none!important}

/* V16 disables mixed-page soft navigation; never leave a stale loading cover active. */
.pu8-nav-progress,.pu8-soft-loading:before,.pu8-soft-loading:after{display:none!important}
/* source:pu8_v18_patch.css */
/* PU8 V17: lock the qualification history control to the card edge and keep dynamic concierge brands fully contained. */
.boost-page .boost-panel>div:first-child{
  position:relative!important;
  overflow:hidden!important;
}
.boost-page .pu8-round-toggle{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:64px!important;
  padding:0 42px 0 0!important;
  box-sizing:border-box!important;
}
.boost-page .pu8-round-toggle-copy{
  width:100%!important;
  min-width:0!important;
  height:64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
}
.boost-page .pu8-round-toggle-arrow{
  position:absolute!important;
  z-index:3!important;
  right:8px!important;
  top:50%!important;
  inset-inline-start:auto!important;
  inset-inline-end:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,103,155,.34)!important;
  background:rgba(255,63,120,.12)!important;
  color:#ff9fbd!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform .2s ease,background .2s ease!important;
}
.boost-page .pu8-round-toggle-arrow::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  margin-top:-3px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:rotate(45deg)!important;
  box-sizing:border-box!important;
}
.boost-page .pu8-round-history.open .pu8-round-toggle-arrow{
  padding:0!important;
  transform:translateY(-50%) rotate(180deg)!important;
  background:rgba(255,83,139,.18)!important;
}

body .pu8-concierge-card{
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body .pu8-concierge-avatar{
  width:max-content!important;
  min-width:68px!important;
  max-width:calc(100% - 58px)!important;
  height:auto!important;
  min-height:68px!important;
  margin:0 auto 13px!important;
  padding:11px 15px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:22px!important;
  overflow:hidden!important;
  white-space:normal!important;
}
body .pu8-concierge-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  max-width:100%!important;
  min-width:0!important;
  color:#1c0e16!important;
  font-size:clamp(14px,5vw,22px)!important;
  font-weight:950!important;
  line-height:1.08!important;
  letter-spacing:-.7px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body .pu8-concierge-brand em{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:26px!important;
  min-height:31px!important;
  margin-left:3px!important;
  padding:3px 6px!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  color:#fff!important;
  background:var(--pu8-pink)!important;
  font-style:normal!important;
  line-height:1!important;
}
body .pu8-concierge-card h2,
body .pu8-concierge-card p{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
@media(max-width:370px){
  body .pu8-concierge-avatar{
    min-width:58px!important;
    min-height:58px!important;
    max-width:calc(100% - 52px)!important;
    padding:9px 12px!important;
    border-radius:18px!important;
  }
  body .pu8-concierge-brand{font-size:clamp(13px,4.8vw,18px)!important}
  body .pu8-concierge-brand em{min-width:23px!important;min-height:27px!important;padding:2px 5px!important}
}

/* PU8 V18 stability: CSS is rendered inline by PHP. These guards prevent default browser SVG/details dimensions even if a partial page is returned. */
html,body{min-height:100%;}
body>.pu8-app,body>.pu8-page-shell{visibility:visible!important;}
.pu8-header svg,.pu8-nav svg,.pu8-region-btn svg,.pu8-round-btn svg,.pu8-language-btn svg{display:block;max-width:24px;max-height:24px;}
.pu8-language-menu>summary::marker,.pu8-language-menu>summary::-webkit-details-marker{display:none;color:transparent;font-size:0;}
.pu8-language-menu>summary{list-style:none;}
[hidden]{display:none!important;}
/* source:pu8_v19_arrow_fix.css */
/* PU8 V19: one authoritative certification-history arrow. No font glyphs, SVGs, padding offsets or baseline positioning. */
.boost-page .boost-panel > div:first-child{
  position:relative!important;
  overflow:hidden!important;
}
.boost-page .pu8-round-toggle{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:64px!important;
  padding:0 42px 0 0!important;
  box-sizing:border-box!important;
}
.boost-page .pu8-round-toggle-copy{
  width:100%!important;
  height:64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
}
.boost-page .pu8-round-toggle-arrow{
  all:unset!important;
  box-sizing:border-box!important;
  position:absolute!important;
  z-index:3!important;
  right:8px!important;
  top:50%!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,103,155,.42)!important;
  background:rgba(255,63,120,.13)!important;
  color:#ff9fbd!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transform-origin:50% 50%!important;
  transition:transform .2s ease,background .2s ease!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.boost-page .pu8-round-toggle-arrow::before,
.boost-page .pu8-round-toggle-arrow::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  width:7px!important;
  height:2px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:2px!important;
  background:currentColor!important;
  box-sizing:border-box!important;
}
.boost-page .pu8-round-toggle-arrow::before{
  left:6px!important;
  transform:rotate(45deg)!important;
  transform-origin:100% 50%!important;
}
.boost-page .pu8-round-toggle-arrow::after{
  right:6px!important;
  transform:rotate(-45deg)!important;
  transform-origin:0 50%!important;
}
.boost-page .pu8-round-history.open .pu8-round-toggle-arrow{
  transform:translateY(-50%) rotate(180deg)!important;
  background:rgba(255,83,139,.2)!important;
}
/* source:pu8_v20.css */
/* PU8 V20: exact round-copy alignment + five-item navigation + vertical short-video feed. */

/* Round title/time and arrow share the same geometric center. */
.boost-page .boost-panel>div:first-child{
  position:relative!important;
  min-height:82px!important;
  padding:0!important;
  overflow:hidden!important;
}
.boost-page .pu8-round-toggle{
  all:unset!important;
  box-sizing:border-box!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:82px!important;
  cursor:pointer!important;
  display:block!important;
  color:inherit!important;
  -webkit-tap-highlight-color:transparent!important;
}
.boost-page .pu8-round-toggle-copy{
  box-sizing:border-box!important;
  position:absolute!important;
  z-index:2!important;
  left:10px!important;
  right:44px!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:left!important;
}
.boost-page .pu8-round-toggle-copy>span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#ffd5e2!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.boost-page .pu8-round-toggle-copy .countdown{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#ff5b91!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.boost-page .pu8-round-toggle-arrow{
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%) rotate(0deg)!important;
}
.boost-page .pu8-round-history.open .pu8-round-toggle-arrow{
  transform:translateY(-50%) rotate(180deg)!important;
}

/* Five equal navigation entries. */
body .pu8-main-nav,
body .bottom-nav.pu8-main-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
}
body .pu8-main-nav>a{
  min-width:0!important;
  width:auto!important;
  padding-left:2px!important;
  padding-right:2px!important;
  overflow:hidden!important;
}
body .pu8-main-nav>a span{
  display:block!important;
  max-width:100%!important;
  font-size:9px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .pu8-main-nav>a svg{width:21px!important;height:21px!important}

/* Short-video page. */
html:has(body.pu8-short-body){overflow:hidden!important;background:#08060c!important}
body.pu8-short-body{
  margin:0!important;
  height:100vh!important;
  height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#08060c!important;
}
body.pu8-short-body .pu8-short-app{
  position:relative!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#08060c!important;
}
.pu8-short-feed{
  position:absolute!important;
  inset:0 0 var(--pu8-nav-h,74px)!important;
  overflow:hidden!important;
  touch-action:none!important;
  background:#08060c!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.pu8-short-track{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transition:transform .42s cubic-bezier(.2,.76,.22,1)!important;
  will-change:transform!important;
}
.pu8-short-track.is-dragging{transition:none!important}
.pu8-short-slide{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#08060c!important;
}
.pu8-short-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#08060c!important;
}
.pu8-short-shade{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(5,3,8,.34),transparent 22%,transparent 50%,rgba(4,2,7,.9) 92%,#08060c 100%)!important;
}
.pu8-short-head{
  position:absolute!important;
  z-index:5!important;
  left:0!important;right:0!important;top:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:max(13px,env(safe-area-inset-top)) 15px 10px!important;
  color:#fff!important;
}
.pu8-short-head>b{
  font-size:15px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
.pu8-short-brand{justify-self:start!important;min-width:0!important}
.pu8-short-brand .pu8-brand{
  font-size:15px!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))!important;
}
.pu8-short-sound{
  justify-self:end!important;
  width:38px!important;height:38px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(12,8,16,.45)!important;
  color:#fff!important;
  display:grid!important;place-items:center!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.pu8-short-sound svg{width:19px!important;height:19px!important;stroke-width:1.8!important}
.pu8-short-sound.is-on{background:rgba(255,63,120,.38)!important;border-color:rgba(255,127,169,.5)!important}
.pu8-short-copy{
  position:absolute!important;
  z-index:5!important;
  left:16px!important;
  right:80px!important;
  bottom:28px!important;
  color:#fff!important;
  text-shadow:0 2px 13px rgba(0,0,0,.65)!important;
}
.pu8-short-author{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:7px!important}
.pu8-short-author span{font-size:14px!important;font-weight:950!important}
.pu8-short-author i{
  font-style:normal!important;font-size:9px!important;font-weight:900!important;
  color:#6ff0bc!important;background:rgba(31,125,92,.35)!important;border:1px solid rgba(88,239,181,.36)!important;
  border-radius:12px!important;padding:3px 7px!important;
}
.pu8-short-copy h1{margin:0 0 7px!important;font-size:20px!important;line-height:1.18!important;font-weight:950!important}
.pu8-short-copy p{
  margin:0 0 9px!important;
  font-size:11px!important;
  line-height:1.55!important;
  color:#f5eaf1!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
}
.pu8-short-meta{display:flex!important;align-items:center!important;gap:11px!important;font-size:10px!important;color:#e3d5de!important}
.pu8-short-contact{
  position:absolute!important;z-index:6!important;right:14px!important;bottom:31px!important;
  width:56px!important;height:56px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.2)!important;
  background:linear-gradient(145deg,#ff5b91,#e62f72)!important;
  color:#fff!important;font-size:10px!important;font-weight:950!important;
  box-shadow:0 10px 28px rgba(255,43,110,.34)!important;
}
.pu8-short-hint{
  position:absolute!important;z-index:8!important;left:50%!important;top:52%!important;transform:translate(-50%,-50%)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;
  color:rgba(255,255,255,.86)!important;font-size:9px!important;pointer-events:none!important;
  animation:pu8ShortHintHide .8s ease 2.6s forwards!important;
}
.pu8-short-hint span{
  width:19px!important;height:29px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.65)!important;position:relative!important;
}
.pu8-short-hint span:after{
  content:""!important;position:absolute!important;left:50%!important;top:6px!important;width:3px!important;height:7px!important;border-radius:3px!important;background:#fff!important;
  transform:translateX(-50%)!important;animation:pu8ShortSwipe 1.2s ease infinite!important;
}
@keyframes pu8ShortSwipe{0%{transform:translate(-50%,8px);opacity:0}35%{opacity:1}100%{transform:translate(-50%,-4px);opacity:0}}
@keyframes pu8ShortHintHide{to{opacity:0;visibility:hidden}}
.pu8-short-empty{
  height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;padding:30px!important;color:#fff!important;
}
.pu8-short-empty>div{width:72px!important;height:72px!important;border-radius:24px!important;display:grid!important;place-items:center!important;background:rgba(255,63,120,.12)!important;border:1px solid rgba(255,97,149,.24)!important;color:#ff6f9d!important;font-size:29px!important}
.pu8-short-empty h1{font-size:19px!important;margin:16px 0 7px!important}
.pu8-short-empty p{font-size:11px!important;color:#9d8f9a!important;margin:0!important}

@media(max-width:370px){
  .pu8-short-copy{right:72px!important;bottom:22px!important}
  .pu8-short-contact{width:50px!important;height:50px!important;right:10px!important;bottom:24px!important}
  body .pu8-main-nav>a span{font-size:8px!important}
}
/* source:pu8_v22_scroll_fix.css */
/* PU8 V22 首页附近约会稳定滚动 */
html.pu8-stable-anchor-scroll,
html.pu8-stable-anchor-scroll body,
html.pu8-stable-anchor-scroll .pu8-app{
  overflow-anchor:none!important;
}
[data-pu8-scroll-target]{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
#dating{
  scroll-margin-top:10px;
}
/* source:pu8_v23_polish.css */
/* PU8 V23 certification history / gallery / booking status polish */

/* 资质认证图片：保持整图完整显示，同时使用同图柔焦背景弱化左右黑边。 */
.boost-page .pu8-boost-media-slider .pu8-slide{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:linear-gradient(145deg,#160d1a,#09070d)!important;
}
.boost-page .pu8-boost-media-slider .pu8-slide .pu8-boost-media-blur{
  position:absolute!important;
  inset:-26px!important;
  z-index:0!important;
  width:calc(100% + 52px)!important;
  height:calc(100% + 52px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:blur(24px) saturate(.78) brightness(.48)!important;
  transform:scale(1.08)!important;
  opacity:.74!important;
  background:transparent!important;
  pointer-events:none!important;
}
.boost-page .pu8-boost-media-slider .pu8-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(8,5,12,.32),rgba(8,5,12,.04) 24%,rgba(8,5,12,.04) 76%,rgba(8,5,12,.32));
}
.boost-page .pu8-boost-media-slider .pu8-slide .pu8-boost-media-main{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.boost-page .pu8-boost-media-slider .pu8-slider-dots{z-index:4!important}

/* 少量资料显示预约中，状态稳定且与可预约样式区分。 */
.pu8-hero-stat.is-busy,
.pu8-online.is-busy,
.pu8-dating-online.is-busy{
  color:#ff9fbd!important;
  border-color:rgba(255,83,139,.34)!important;
  background:rgba(68,20,43,.68)!important;
}
.pu8-hero-stat.is-busy i,
.pu8-online.is-busy i,
.pu8-dating-online.is-busy i{
  background:#ff538b!important;
  box-shadow:0 0 9px rgba(255,83,139,.92)!important;
}
/* source:pu8_v25_auth_video.css */
/* PU8 V25 login/register MP4 background */
body.pu8-auth-video-page{min-height:100vh;min-height:100dvh;background:#08060c;overflow-x:hidden}
.pu8-auth-video-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 20%,#34162d 0,#100913 46%,#07050a 100%);pointer-events:none}
.pu8-auth-video-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(.9) contrast(1.03);transform:scale(1.012);background:#09060d}
.pu8-auth-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,4,10,.42) 0%,rgba(8,5,11,.28) 28%,rgba(8,5,11,.58) 67%,rgba(7,4,10,.9) 100%),radial-gradient(circle at 50% 15%,rgba(255,63,120,.13),transparent 40%)}
.pu8-auth-video-page .pu8-auth{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;background:transparent;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}
.pu8-auth-video-page .pu8-auth-brand{margin:10px 0 24px;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.pu8-auth-video-page .pu8-auth-brand .pu8-brand{filter:drop-shadow(0 8px 22px rgba(0,0,0,.46))}
.pu8-auth-video-page .pu8-auth-brand p{color:rgba(255,245,250,.82)}
.pu8-auth-video-page .pu8-auth-card{background:linear-gradient(145deg,rgba(27,16,31,.88),rgba(13,8,17,.82));border-color:rgba(255,255,255,.14);box-shadow:0 24px 65px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.pu8-auth-video-page .pu8-field input{background:rgba(12,8,16,.66);border-color:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pu8-auth-video-page .pu8-auth-link{color:#ffacc4;text-shadow:0 2px 12px rgba(0,0,0,.4)}
@media(max-height:680px){.pu8-auth-video-page .pu8-auth{justify-content:flex-start;padding-top:max(18px,env(safe-area-inset-top))}.pu8-auth-video-page .pu8-auth-brand{margin:8px 0 16px}.pu8-auth-video-page .pu8-auth-brand .pu8-brand{font-size:34px}.pu8-auth-video-page .pu8-auth-card{padding:18px}.pu8-auth-video-page .pu8-field{margin-bottom:10px}.pu8-auth-video-page .pu8-field input,.pu8-auth-video-page .pu8-auth-submit{height:46px}}
@media(prefers-reduced-motion:reduce){.pu8-auth-video-bg video{display:none}}
/* source:pu8_v26_service_popup.css */
/* PU8 V26: selectable concierge popup styles */
.pu8-service-popup-mask{z-index:980!important}
.pu8-service-popup-card.is-service-list{padding:22px 16px 16px!important;text-align:left!important;overflow:hidden!important}
.pu8-service-telegram-mark{width:58px;height:58px;margin:0 auto 12px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#33b8f3,#168bd4);box-shadow:0 15px 36px rgba(32,159,221,.28),0 0 0 1px rgba(255,255,255,.13) inset;color:#fff}
.pu8-service-telegram-mark svg{width:31px!important;height:31px!important;transform:translate(-1px,1px)}
.pu8-service-popup-card.is-service-list h2{text-align:center!important;font-size:20px!important;margin:0!important;line-height:1.35!important}
.pu8-service-popup-card.is-service-list>p{text-align:center!important;margin:7px auto 14px!important;max-width:360px!important;color:#cbbdca!important;font-size:11px!important;line-height:1.65!important}
.pu8-service-agent-list{display:grid;gap:9px;margin-top:4px}
.pu8-service-agent{appearance:none;-webkit-appearance:none;width:100%;min-height:66px;margin:0;padding:9px 12px;border:1px solid rgba(255,91,151,.28);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));color:#fff;display:grid;grid-template-columns:46px minmax(0,1fr) auto 16px;align-items:center;gap:10px;text-align:left;box-shadow:none;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.pu8-service-agent:active{transform:scale(.985);background:rgba(255,63,120,.12);border-color:rgba(255,99,157,.52)}
.pu8-service-agent-icon{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#35b9f2,#178bd3);color:#fff;box-shadow:0 9px 22px rgba(24,139,211,.22)}
.pu8-service-agent-icon svg{width:24px!important;height:24px!important;transform:translate(-1px,1px)}
.pu8-service-agent-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.pu8-service-agent-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;color:#fff}
.pu8-service-agent-copy small{font-size:10px;color:#8ce7be;line-height:1.2}
.pu8-service-agent em{font-style:normal;font-size:10px;font-weight:800;color:#ff83ad;white-space:nowrap}
.pu8-service-agent-arrow{font-size:23px;color:#a998a8;line-height:1}
.pu8-service-agent-empty{padding:18px;border-radius:16px;background:rgba(255,255,255,.045);color:#b8a8b5;text-align:center;font-size:12px}
.pu8-service-popup-later{appearance:none;-webkit-appearance:none;width:100%;height:42px;margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);color:#d9ccd6;font-size:11px;font-weight:800}
@media(max-height:620px){
  .pu8-service-popup-card.is-service-list{padding-top:16px!important}
  .pu8-service-telegram-mark{width:46px;height:46px;border-radius:16px;margin-bottom:8px}
  .pu8-service-telegram-mark svg{width:25px!important;height:25px!important}
  .pu8-service-agent{min-height:58px;padding:7px 10px}
  .pu8-service-agent-icon{width:40px;height:40px;border-radius:13px}
}
/* source:pu8_v27_vip.css */
/* PU8 V27 VIP card + My page relayout */
.pu8-me-v27{padding-bottom:calc(var(--pu8-nav-h,74px) + 24px);background:
 radial-gradient(circle at 88% 4%,rgba(117,61,255,.16),transparent 24%),
 radial-gradient(circle at 0 28%,rgba(255,63,120,.11),transparent 30%),#09060e}
.pu8-me-v27-head{height:58px;display:flex;align-items:center;padding:8px 18px 4px}
.pu8-me-v27-head h1{margin:0;font-size:22px;font-weight:900;letter-spacing:.02em;color:#fff}
.pu8-vip-notice{margin:0 14px 12px;padding:11px 14px;border:1px solid rgba(255,96,149,.3);border-radius:13px;background:rgba(255,63,120,.12);color:#ffdce8;font-size:13px;font-weight:750;transition:.25s ease}
.pu8-vip-notice.is-hide{opacity:0;transform:translateY(-5px);pointer-events:none}
.pu8-vip-card-shell{padding:4px 14px 14px}
.pu8-vip-card-v27{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.64/1;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:
 linear-gradient(116deg,#10121d 0%,#171323 47%,#142242 100%);box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07)}
.pu8-vip-card-v27:before{content:"";position:absolute;inset:-28% -12%;z-index:-2;background:
 radial-gradient(circle at 72% 28%,rgba(66,132,255,.5),transparent 27%),
 radial-gradient(circle at 48% 4%,rgba(236,45,154,.42),transparent 26%),
 repeating-radial-gradient(ellipse at 15% 105%,transparent 0 16px,rgba(255,255,255,.045) 17px 18px);filter:saturate(1.1)}
.pu8-vip-card-v27:after{content:"";position:absolute;left:-8%;right:30%;bottom:-34%;height:70%;z-index:-1;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 15px,rgba(255,255,255,.07) 16px 17px);opacity:.7}
.pu8-vip-card-portrait{position:absolute;z-index:-1;right:-3%;top:0;width:58%;height:100%;object-fit:cover;object-position:center 15%;filter:saturate(.92) contrast(1.02)}
.pu8-vip-card-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(10,10,18,.99) 0%,rgba(12,11,22,.95) 39%,rgba(11,12,24,.54) 66%,rgba(8,9,17,.15) 100%),linear-gradient(0deg,rgba(4,5,12,.72),transparent 58%)}
.pu8-vip-card-content{position:relative;z-index:1;height:100%;padding:8% 5.6% 5.7%;display:flex;flex-direction:column}
.pu8-vip-card-brand{display:flex;align-items:flex-end;gap:18px;max-width:70%;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.pu8-vip-card-brand span{max-width:52%;font-size:clamp(13px,4vw,21px);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-vip-card-brand b{font-size:clamp(34px,12vw,66px);line-height:.82;letter-spacing:-.05em;background:linear-gradient(100deg,#f8e8ff,#8fd3ff 52%,#dcb2ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 13px rgba(132,124,255,.22))}
.pu8-vip-card-slogan{margin-top:8.5%;color:rgba(255,255,255,.67);font-size:clamp(12px,3.6vw,19px);letter-spacing:.08em}
.pu8-vip-level-ribbon{position:absolute;left:36%;top:62%;min-width:66px;height:27px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%,9% 50%);background:linear-gradient(90deg,#d430ff,#7b40ff);font-size:12px;font-weight:900;box-shadow:0 6px 18px rgba(139,62,255,.28)}
.pu8-vip-card-data{margin-top:auto;display:grid;gap:5px;color:rgba(255,255,255,.82);font-size:clamp(11px,3.1vw,16px);letter-spacing:.04em}
.pu8-vip-card-data b{font-weight:850;color:#fff}
.pu8-vip-card-status-wrap{position:absolute;right:4.6%;bottom:6%;display:flex;flex-direction:column;align-items:center;gap:5px}
.pu8-vip-card-status-wrap small{font-size:10px;color:rgba(255,255,255,.72);text-shadow:0 1px 5px #000}
.pu8-vip-activate-form{margin:0}
.pu8-vip-status{min-width:98px;height:38px;padding:0 16px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:800 14px/1 inherit;white-space:nowrap;cursor:pointer}
.pu8-vip-status.is-wait{background:#fff;color:#24222c}
.pu8-vip-status.is-ready{background:linear-gradient(135deg,#ff4f8a,#c349ff);color:#fff;box-shadow:0 9px 22px rgba(255,63,120,.34)}
.pu8-vip-status.is-ok{background:rgba(36,222,160,.92);color:#05251a;box-shadow:0 8px 22px rgba(36,222,160,.24)}
.pu8-vip-card-v27.is-activated{border-color:rgba(89,236,186,.32)}
.pu8-me-account-v27{margin:0 14px 16px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(54,28,63,.84),rgba(25,16,31,.96));box-shadow:0 15px 36px rgba(0,0,0,.28)}
.pu8-me-user-v27{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.09)}
.pu8-me-user-v27 .pu8-avatar{width:54px;height:54px;flex:0 0 54px;border:2px solid rgba(255,91,151,.75);border-radius:18px;padding:2px;background:#18101f}
.pu8-me-user-v27 .pu8-avatar-inner{width:100%;height:100%;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3b214c,#25162f);font-size:20px;font-weight:950;color:#fff}
.pu8-me-user-v27 .pu8-user-info{min-width:0;flex:1}
.pu8-me-user-v27 .pu8-user-info h2{margin:0 0 5px;font-size:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-me-user-v27 .pu8-user-info p{margin:0;color:#c9bccb;font-size:12px}
.pu8-online-dot{width:7px;height:7px;border-radius:50%;background:#4de3a5;display:inline-block;margin-right:5px}
.pu8-vip-mini-badge{height:28px;padding:0 10px;border-radius:999px;background:rgba(255,174,65,.14);color:#ffd479;display:inline-flex;align-items:center;font-size:11px;font-weight:900;white-space:nowrap}
.pu8-balance-v27{padding-top:14px}
.pu8-balance-v27 .pu8-balance-label{display:flex;justify-content:space-between;gap:12px;color:#c9bccb;font-size:12px}
.pu8-balance-v27 .pu8-balance-label button{border:0;background:transparent;color:#d7cbd8;padding:0;font-size:12px}
.pu8-balance-v27 .pu8-balance-value{margin:8px 0 13px;color:#fff;font-size:31px;line-height:1;font-weight:950;letter-spacing:-.02em}
.pu8-balance-v27 .pu8-balance-value small{margin-left:5px;color:#ff87aa;font-size:12px;font-weight:800}
.pu8-balance-v27 .pu8-balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pu8-balance-v27 .pu8-balance-actions a{min-height:44px;border:1px solid rgba(255,255,255,.08);border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.055);font-size:13px;font-weight:850}
.pu8-balance-v27 .pu8-balance-actions a.primary{border-color:transparent;background:linear-gradient(135deg,#ff5d91,#ff3f78);box-shadow:0 8px 20px rgba(255,63,120,.2)}
.pu8-me-v27 .pu8-menu-section{margin:0 14px 18px}
.pu8-me-v27 .pu8-menu-title{margin:0 0 10px;font-size:15px;color:#fff;font-weight:900}
.pu8-me-stats-v27 .pu8-stats{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pu8-me-stats-v27 .pu8-stat{min-width:0;padding:12px 5px;border-radius:14px;background:#15101d;border:1px solid rgba(255,255,255,.07);text-align:center}
.pu8-me-stats-v27 .pu8-stat b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8-me-stats-v27 .pu8-stat span{display:block;margin-top:5px;color:#9d91a2;font-size:10px}
.pu8-me-v27 .pu8-menu-grid{gap:8px}
.pu8-me-v27 .pu8-menu-tile{min-height:82px;border-radius:16px}
.pu8-me-v27 .pu8-list{border-radius:18px;overflow:hidden}
.pu8-me-v27 .pu8-list-row{min-height:58px}
.pu8-invite-code-v27{color:#ff83a8;letter-spacing:1px;white-space:nowrap}
@media(max-width:390px){
 .pu8-vip-card-content{padding-left:5%;padding-right:5%}.pu8-vip-card-brand{gap:10px}.pu8-vip-card-brand span{max-width:46%}.pu8-vip-level-ribbon{left:34%;top:61%;height:24px;min-width:58px;padding:0 12px;font-size:10px}.pu8-vip-status{min-width:84px;height:34px;font-size:12px}.pu8-vip-card-status-wrap small{font-size:9px}.pu8-me-stats-v27 .pu8-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:340px){
 .pu8-vip-card-slogan{margin-top:6%}.pu8-vip-card-data{gap:2px}.pu8-vip-level-ribbon{display:none}.pu8-vip-card-status-wrap{right:3.5%;bottom:5%}.pu8-vip-card-status-wrap small{display:none}.pu8-vip-status{min-width:76px;height:31px;padding:0 10px}
}
/* source:pu8_v28_vip.css */
/* PU8 V28 VIP gold + custom background + copy */
.pu8-vip-card-v28 .pu8-vip-card-portrait.is-custom{inset:0;right:auto;top:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.04)}
.pu8-vip-card-v28 .pu8-vip-card-benefit-row{margin-top:8.5%;max-width:76%;display:flex;align-items:center;gap:10px;min-width:0;text-shadow:0 2px 12px rgba(0,0,0,.62)}
.pu8-vip-card-v28 .pu8-vip-card-slogan{margin:0;min-width:0;color:rgba(255,255,255,.82);font-size:clamp(11px,3.45vw,18px);line-height:1.2;letter-spacing:.04em;white-space:nowrap}
.pu8-vip-card-v28 .pu8-vip-level-ribbon{position:static;left:auto;top:auto;flex:0 0 auto;min-width:64px;height:25px;padding:0 13px;font-size:11px;line-height:1;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%,9% 50%);background:linear-gradient(90deg,#d430ff,#7b40ff);box-shadow:0 6px 18px rgba(139,62,255,.28)}
.pu8-vip-card-v28 .pu8-vip-card-number{display:flex;align-items:center;gap:7px;width:max-content;max-width:70%}
.pu8-vip-card-v28 .pu8-vip-card-number>span{white-space:nowrap}
.pu8-vip-copy-card{width:25px;height:25px;flex:0 0 25px;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pu8-vip-copy-card svg{width:13px;height:13px;stroke-width:1.8}
.pu8-vip-copy-card:active{transform:scale(.92);background:rgba(246,211,122,.2);color:#f6d37a}
.pu8-vip-card-v28 .pu8-vip-status.is-ok{background:linear-gradient(135deg,#fff1b0 0%,#f6d37a 35%,#d7a441 72%,#8a6322 100%);color:#2a1b04;border:1px solid rgba(255,246,197,.72);box-shadow:0 8px 24px rgba(215,164,65,.35),inset 0 1px 0 rgba(255,255,255,.7);text-shadow:0 1px 0 rgba(255,255,255,.38)}
.pu8-vip-card-v28.is-activated{border-color:rgba(246,211,122,.52);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(215,164,65,.12),inset 0 1px 0 rgba(255,242,184,.18)}
.pu8-vip-card-v28.is-activated .pu8-vip-card-status-wrap{bottom:8.5%}
@media(max-width:390px){
 .pu8-vip-card-v28 .pu8-vip-card-benefit-row{margin-top:7%;max-width:78%;gap:7px}
 .pu8-vip-card-v28 .pu8-vip-card-slogan{font-size:11px;letter-spacing:.01em}
 .pu8-vip-card-v28 .pu8-vip-level-ribbon{display:inline-flex;min-width:54px;height:22px;padding:0 10px;font-size:9px}
 .pu8-vip-copy-card{width:23px;height:23px;flex-basis:23px;border-radius:7px}
}
@media(max-width:340px){
 .pu8-vip-card-v28 .pu8-vip-card-benefit-row{margin-top:5.5%;max-width:82%}
 .pu8-vip-card-v28 .pu8-vip-card-slogan{font-size:10px}
 .pu8-vip-card-v28 .pu8-vip-level-ribbon{display:inline-flex;min-width:50px;height:20px;padding:0 8px;font-size:8px}
}
/* source:pu8_v29_core_extra.css */
/* PU8 V29 core acceleration */
.pu8-resource-note{margin:14px 16px calc(var(--pu8-nav-h,74px) + 18px);padding:14px 16px;border:1px solid rgba(255,94,148,.2);border-radius:18px;background:linear-gradient(135deg,rgba(255,63,120,.09),rgba(128,74,255,.07));display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;color:#b9aebb;font-size:12px;text-align:center}
.pu8-resource-note button{appearance:none;border:0;background:transparent;color:#ff6f9d;font:inherit;font-weight:800;padding:4px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pu8-resource-note button:active{transform:scale(.98)}
.pu8-register-setting-card .settings-v674-switches{margin-top:12px}
img{content-visibility:auto}
@supports (content-visibility:auto){
  .pu8-card-grid>.pu8-profile-card:nth-child(n+5),.pu8-live-grid>.pu8-live-card:nth-child(n+5),.pu8-record-list>*:nth-child(n+9){content-visibility:auto;contain-intrinsic-size:320px}
}
@media (prefers-reduced-motion:reduce){.pu8-slider-track,.pu8-short-track,.pu8-notice-track{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* source:pu8_v30_layout_guard.css */
/* V30 short-video viewport: use the real visual viewport and remove inherited page padding. */
html:has(body.pu8-short-body),body.pu8-short-body{width:100%!important;height:var(--pu8-short-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
body.pu8-short-body .pu8-app.pu8-short-app{height:var(--pu8-short-vh,100dvh)!important;min-height:0!important;padding:0!important;overflow:hidden!important;isolation:isolate!important}
body.pu8-short-body .pu8-short-feed{position:absolute!important;top:0!important;right:0!important;bottom:var(--pu8-nav-h,74px)!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.pu8-short-body .pu8-short-track{display:block!important;width:100%!important;height:100%!important;min-height:0!important}
body.pu8-short-body .pu8-short-slide{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important}
body.pu8-short-body .bottom-nav.pu8-main-nav{position:absolute!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;height:var(--pu8-nav-h,74px)!important;z-index:120!important}

/* V30 home bottom spacing: keep one navigation-safe gap instead of two stacked gaps. */
body.pu8-home-body .pu8-app{min-height:0!important;padding-bottom:0!important}
body.pu8-home-body .pu8-resource-note{margin:14px 16px calc(var(--pu8-nav-h,74px) + 12px)!important}

/* V30 server-verified registration slider. */
.pu8-register-captcha{margin:15px 0 2px;padding:12px;border:1px solid rgba(255,103,158,.22);border-radius:17px;background:linear-gradient(145deg,rgba(255,63,120,.08),rgba(139,78,235,.08));transition:border-color .2s,box-shadow .2s}
.pu8-register-captcha-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#f8edf4;font-size:11px;font-weight:900}
.pu8-register-captcha-head button{appearance:none;width:27px;height:27px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.05);color:#d8c8d4;display:grid;place-items:center;cursor:pointer}
.pu8-register-captcha-track{position:relative;height:50px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(7,4,11,.58);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.pu8-register-captcha-progress{position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,rgba(255,63,120,.28),rgba(174,91,255,.24));pointer-events:none}
.pu8-register-captcha-target{position:absolute;z-index:2;top:5px;width:44px;height:38px;border:1px dashed rgba(255,126,169,.8);border-radius:11px;background:rgba(255,63,120,.08);box-shadow:0 0 18px rgba(255,63,120,.12);pointer-events:none}
.pu8-register-captcha-target:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:2px solid #ff7ca3;border-bottom:2px solid #ff7ca3;transform:translate(-65%,-50%) rotate(-45deg)}
.pu8-register-captcha-copy{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;padding-left:50px;color:#9e909b;font-size:10px;pointer-events:none;letter-spacing:.2px}
.pu8-register-captcha-knob{position:absolute;z-index:4;left:2px;top:2px;width:46px;height:44px;padding:0;border:1px solid rgba(255,125,168,.42);border-radius:12px;background:linear-gradient(145deg,#ff5d91,#d93f8e);color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px rgba(255,48,115,.2);touch-action:none;cursor:grab;will-change:transform}
.pu8-register-captcha-knob:active{cursor:grabbing}.pu8-register-captcha-knob b{font-size:16px;line-height:1;letter-spacing:-4px;margin-left:-3px}
.pu8-register-captcha-status{margin:8px 1px 0;color:#8f818d;font-size:9px;line-height:1.35}
.pu8-register-captcha.is-dragging{border-color:rgba(255,104,157,.48);box-shadow:0 0 0 3px rgba(255,63,120,.06)}
.pu8-register-captcha.is-loading{opacity:.72}.pu8-register-captcha.is-error{border-color:rgba(255,91,112,.5)}.pu8-register-captcha.is-error .pu8-register-captcha-status{color:#ff8698}
.pu8-register-captcha.is-success{border-color:rgba(90,226,174,.45);background:linear-gradient(145deg,rgba(56,205,153,.1),rgba(139,78,235,.06))}
.pu8-register-captcha.is-success .pu8-register-captcha-target{opacity:0}.pu8-register-captcha.is-success .pu8-register-captcha-progress{width:100%!important;background:linear-gradient(90deg,rgba(73,221,164,.24),rgba(98,230,180,.14))}.pu8-register-captcha.is-success .pu8-register-captcha-knob{background:linear-gradient(145deg,#49dca4,#2fb980);border-color:rgba(120,245,198,.45)}.pu8-register-captcha.is-success .pu8-register-captcha-copy,.pu8-register-captcha.is-success .pu8-register-captcha-status{color:#78e8ba}
@media(max-height:690px){.pu8-register-captcha{margin-top:11px;padding:9px}.pu8-register-captcha-track{height:46px}.pu8-register-captcha-knob{height:40px;width:42px}.pu8-register-captcha-target{height:34px;width:40px}.pu8-auth-card{padding-top:15px!important;padding-bottom:15px!important}}


/* PU8 V31 floating resource note, favourites and public profile ID */
body.pu8-home-body .pu8-app{
  min-height:100vh!important;
  padding-bottom:calc(var(--pu8-nav-h,74px) + 88px + env(safe-area-inset-bottom,0px))!important;
}
body.pu8-home-body .pu8-resource-note{
  position:fixed!important;
  z-index:94!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(var(--pu8-nav-h,74px) + 10px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 28px),432px)!important;
  min-height:52px!important;
  margin:0!important;
  padding:11px 15px!important;
  border-color:rgba(255,102,157,.32)!important;
  background:linear-gradient(135deg,rgba(31,18,38,.94),rgba(23,13,30,.94))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
body.pu8-home-body .bottom-nav.pu8-main-nav{z-index:100!important}

.pu8-dating-title-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:58%}
.pu8-profile-id-chip{height:29px;padding:0 5px 0 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);display:inline-flex;align-items:center;gap:5px;color:#d9cad6;white-space:nowrap}
.pu8-profile-id-chip>b{font-size:9px;line-height:1;font-weight:850;letter-spacing:.15px}
.pu8-profile-id-chip>button{appearance:none;width:22px;height:22px;padding:0;border:1px solid rgba(255,111,157,.25);border-radius:50%;background:rgba(255,63,120,.1);color:#ff7aa5;display:grid;place-items:center;cursor:pointer}
.pu8-profile-id-chip>button svg{width:11px!important;height:11px!important;stroke-width:1.9}
.pu8-profile-id-chip>button:active{transform:scale(.9);background:rgba(255,63,120,.22)}
[data-pu8-like][data-pu8-favorite-busy="1"]{opacity:.55!important;pointer-events:none!important}

.pu8-list-count{min-width:24px;height:20px;padding:0 7px;border:1px solid rgba(255,111,157,.2);border-radius:999px;background:rgba(255,63,120,.1);color:#ff7ca6;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;margin-left:auto}
.pu8-heart-list-icon{color:#ff6f9d!important;background:linear-gradient(135deg,rgba(255,63,120,.16),rgba(151,73,231,.13))!important}

.pu8-favorites-body{background:#0a0710}
.pu8-favorites-page{width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:calc(var(--pu8-nav-h,74px) + 24px);background:#0a0710}
.pu8-favorites-content{padding:14px 16px 24px}
.pu8-favorites-summary{height:44px;padding:0 14px;margin-bottom:14px;border:1px solid rgba(255,104,157,.2);border-radius:15px;background:linear-gradient(135deg,rgba(255,63,120,.09),rgba(145,75,225,.075));display:flex;align-items:center;gap:6px;color:#b8aab5;font-size:11px}
.pu8-favorites-summary b{font-size:17px;color:#ff6f9d}.pu8-favorites-summary small{font-size:9px;color:#8f818d}
.pu8-favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pu8-favorite-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(160deg,#18111f,#100b16);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.pu8-favorite-cover{position:relative;display:block;aspect-ratio:4/5;background:#15101d;overflow:hidden}
.pu8-favorite-cover img{width:100%;height:100%;object-fit:cover}
.pu8-favorite-cover:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,rgba(7,4,10,.78));pointer-events:none}
.pu8-favorite-state{position:absolute;z-index:2;top:9px;left:9px;height:24px;padding:0 8px;border:1px solid rgba(80,230,174,.22);border-radius:999px;background:rgba(10,52,39,.78);color:#78edbd;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:850;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.pu8-favorite-state i{width:5px;height:5px;border-radius:50%;background:#47e7a5;box-shadow:0 0 8px #47e7a5}.pu8-favorite-state.is-busy{border-color:rgba(255,179,94,.25);background:rgba(71,44,16,.8);color:#ffc176}.pu8-favorite-state.is-busy i{background:#ffae55;box-shadow:0 0 8px #ffae55}
.pu8-favorite-copy{min-height:66px;padding:10px 9px 11px;display:flex;align-items:center;gap:7px}
.pu8-favorite-copy>a{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.pu8-favorite-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#fff;font-weight:900}.pu8-favorite-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#9f919c}
.pu8-favorite-remove{appearance:none;width:31px;height:31px;flex:0 0 31px;padding:0;border:1px solid rgba(255,105,157,.28);border-radius:50%;background:rgba(255,63,120,.13);color:#ff6f9d;display:grid;place-items:center;cursor:pointer}.pu8-favorite-remove svg{width:15px!important;height:15px!important}.pu8-favorite-remove:active{transform:scale(.9)}
.pu8-favorites-empty{min-height:330px;padding:45px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#a596a2}
.pu8-favorites-empty-icon{width:72px;height:72px;margin-bottom:14px;border:1px solid rgba(255,107,158,.23);border-radius:50%;background:linear-gradient(135deg,rgba(255,63,120,.1),rgba(142,76,225,.08));display:grid;place-items:center;color:#ff78a3;font-size:34px;box-shadow:0 0 28px rgba(255,63,120,.08)}
.pu8-favorites-empty strong{font-size:16px;color:#f8edf4}.pu8-favorites-empty p{max-width:260px;margin:8px 0 18px;font-size:10px;line-height:1.7}.pu8-favorites-empty a{min-width:126px;height:38px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#ff5d91,#e83d83);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(255,49,116,.2)}
@media(max-width:365px){.pu8-dating-title-row{align-items:flex-start!important}.pu8-dating-title-meta{max-width:62%;gap:5px}.pu8-profile-id-chip{height:27px;padding-left:7px}.pu8-profile-id-chip>b{font-size:8px}.pu8-favorites-grid{gap:9px}.pu8-favorite-copy{padding-left:8px;padding-right:7px}.pu8-favorite-remove{width:29px;height:29px;flex-basis:29px}}

/* V37: BFCache/native back navigation owns vertical scroll restoration. */
html.pu8-return-restoring{scroll-behavior:auto!important;overflow-anchor:none!important}
html.pu8-return-restoring .pu8-slider-track{transition:none!important}
html.pu8-return-restoring .pu8-story-row,
html.pu8-return-restoring .pu8-live-top-strip,
html.pu8-return-restoring .pu8-filter-pills{scroll-behavior:auto!important;scroll-snap-type:none!important;overflow-anchor:none!important}

/* PU8 V39 Telegram installed-app probe and non-destructive store fallback */
.pu8-service-popup-card.is-telegram-checking .pu8-service-agent:not(.is-checking){opacity:.52;pointer-events:none}
.pu8-service-agent.is-checking{border-color:rgba(64,190,255,.58);background:linear-gradient(145deg,rgba(40,168,229,.18),rgba(255,255,255,.035));pointer-events:none}
.pu8-service-agent.is-checking .pu8-service-agent-icon{animation:pu8V39TelegramPulse 1s ease-in-out infinite}
.pu8-service-agent.is-checking em{color:#7dd8ff}
@keyframes pu8V39TelegramPulse{0%,100%{transform:scale(1);box-shadow:0 9px 22px rgba(24,139,211,.22)}50%{transform:scale(.93);box-shadow:0 0 0 8px rgba(37,166,228,.1),0 9px 22px rgba(24,139,211,.28)}}
.pu8-service-download-panel[hidden]{display:none!important}
.pu8-service-popup-card.is-download-mode .pu8-service-agent-list,
.pu8-service-popup-card.is-download-mode>.pu8-service-popup-later{display:none!important}
.pu8-service-download-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 0}
.pu8-service-download-icon{width:62px;height:62px;border-radius:21px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#35b9f2,#178bd3);box-shadow:0 15px 36px rgba(32,159,221,.28),0 0 0 1px rgba(255,255,255,.13) inset;margin-bottom:12px}
.pu8-service-download-icon svg{width:31px!important;height:31px!important}
.pu8-service-download-panel h3{margin:0!important;font-size:18px!important;line-height:1.35!important;color:#fff!important}
.pu8-service-download-panel p{margin:8px auto 15px!important;max-width:340px!important;color:#cbbdca!important;font-size:11px!important;line-height:1.65!important}
.pu8-service-download-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:10px}
.pu8-service-download-actions button{appearance:none;-webkit-appearance:none;height:44px;border-radius:14px;font-size:12px;font-weight:900;cursor:pointer}
.pu8-service-download-actions .primary{border:0;background:linear-gradient(135deg,#ff5d96,#ff3f78);color:#fff;box-shadow:0 12px 28px rgba(255,63,120,.23)}
.pu8-service-download-actions .secondary{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#d9ccd6}
@media(max-width:360px){.pu8-service-download-actions{grid-template-columns:1fr}.pu8-service-download-actions button{height:42px}}