.hpb-star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:hpb-twinkle var(--dur,3s) ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes hpb-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--peak,.8);transform:scale(1)}}.hpb-trail{position:absolute;height:1px;border-radius:2px;opacity:0;animation:hpb-trail-fly var(--trail-dur,4s) linear infinite;animation-delay:var(--delay,0s)}@keyframes hpb-trail-fly{0%{opacity:0;transform:translate(-100px) translateY(0) scaleX(.3)}10%{opacity:.8}60%{opacity:.5}to{opacity:0;transform:translate(var(--travel,600px)) translateY(var(--y-drift,30px)) scaleX(1)}}.hpb-cloud{position:absolute;border-radius:50%;background:radial-gradient(ellipse,rgba(180,150,220,.08),transparent 70%);filter:blur(30px);animation:hpb-cloud-drift var(--cloud-dur,30s) linear infinite}@keyframes hpb-cloud-drift{0%{transform:translate(var(--start-x,-200px))}to{transform:translate(var(--end-x,200px))}}.hpb-petal{position:absolute;top:-20px;border-radius:50% 0 50% 50%;opacity:0;animation:hpb-fall var(--fall-dur,10s) linear infinite;animation-delay:var(--delay,0s)}@keyframes hpb-fall{0%{opacity:0;transform:translate(0) translateY(0) rotate(0) scale(var(--s,.8))}8%{opacity:var(--peak-o,.7)}85%{opacity:.4}to{opacity:0;transform:translate(var(--drift,100px)) translateY(100vh) rotate(var(--rot,400deg)) scale(.3)}}.hpb-fog-layer{position:absolute;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(160,120,220,.03) 20%,rgba(180,140,240,.05) 40%,rgba(160,120,220,.03) 60%,transparent 80%);animation:hpb-fog-move var(--fog-dur,25s) linear infinite;animation-delay:var(--delay,0s)}.hpb-sparkle{position:absolute;border-radius:50%;background:#dcc8ff80;box-shadow:0 0 4px #c8aaff66;animation:hpb-sparkle-float var(--sp-dur,8s) ease-in-out infinite;animation-delay:var(--delay,0s);opacity:0}@media (max-width: 768px){.hpb-hero{height:40vh;min-height:300px}.hpb-hero-bar{padding:0 24px;flex-direction:column;gap:20px}.hpb-brand-main{font-size:36px;letter-spacing:0}.hpb-brand-sub{font-size:18px}.hpb-cards-inner,.hpb-ranking-inner{padding:0 12px}.hpb-companion-cover{height:240px}.hpb-cards-section{padding:32px 0 60px}.hpb-moon{width:100px;height:100px;left:8%;top:8%}.hpb-butterfly{left:calc(8% + 85px);top:calc(8% + 20px)}.hpb-login-btn{margin-right:0!important}}@media (max-width: 576px){.hpb-hero{height:35vh;min-height:260px}.hpb-hero-bar{padding:0 16px}.hpb-brand-main{font-size:28px;letter-spacing:0}.hpb-brand-sub{font-size:15px;letter-spacing:2px}.hpb-login-btn{padding:6px 24px!important;height:38px!important;font-size:14px!important}.hpb-moon{width:70px;height:70px}}.hp-container{min-height:100vh;background-color:#1a0a2e;position:relative;overflow-x:hidden}.hp-hero{position:relative;height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.hp-hero--default{background:linear-gradient(180deg,#0d0221,#1a0533 15%,#2d1b69,#5b3a8c 55%,#8b6aae 70%,#c4a6d7 82%,#d4bce0,#b8a0d0,#7a5fa0)}.hp-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d02214d,#2d1b6926 40%,#5b3a8c1a,#b48cd20d);z-index:1}.hp-hero--default .hp-hero-overlay{background:none}.hp-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.hp-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:hp-twinkle var(--dur, 3s) ease-in-out infinite;opacity:0}@keyframes hp-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--peak, .8);transform:scale(1)}}.hp-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.hp-glow:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(200,170,255,.15) 0%,transparent 70%);animation:hp-glow-pulse 6s ease-in-out infinite}.hp-glow:after{content:"";position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:120%;height:40%;background:radial-gradient(ellipse at center,rgba(180,140,230,.12) 0%,transparent 70%);animation:hp-glow-pulse 8s ease-in-out infinite reverse}@keyframes hp-glow-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.hp-petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.hp-petal{position:absolute;top:-20px;width:12px;height:10px;background:radial-gradient(ellipse at 30% 30%,#ffcce6,#f0a0cc);border-radius:50% 0 50% 50%;opacity:0;animation:hp-fall var(--fall-dur, 8s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes hp-fall{0%{opacity:0;transform:translate(0) translateY(0) rotate(0) scale(.8)}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translate(var(--drift, 80px)) translateY(calc(50vh + 40px)) rotate(var(--rot, 360deg)) scale(.4)}}.hp-hero-bar{position:relative;z-index:10;width:100%;max-width:1200px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.hp-brand{display:flex;align-items:baseline;gap:10px;-webkit-user-select:none;user-select:none}.hp-brand-main{font-size:52px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(200,160,255,.5),0 0 60px rgba(160,120,255,.3),0 2px 4px rgba(0,0,0,.3);letter-spacing:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}.hp-brand-sub{font-size:22px;font-weight:300;color:#dcc8ffd9;text-shadow:0 0 12px rgba(180,150,255,.4);letter-spacing:4px;text-transform:lowercase}.hp-login-btn{margin-right:80px;border-radius:28px!important;padding:8px 36px!important;height:46px!important;font-size:16px!important;font-weight:600!important;letter-spacing:2px!important;background:#ffffff1f!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px #7850c84d,inset 0 1px #ffffff26;transition:all .35s ease}.hp-login-btn:hover{background:#ffffff38!important;border-color:#ffffffb3!important;transform:translateY(-2px);box-shadow:0 8px 30px #8c64dc73,inset 0 1px #fff3}.hp-cards-section{position:relative;background:linear-gradient(180deg,#2a1550,#1e1045 10%,#170d3a,#120a30,#0d0725);padding:48px 0 80px;min-height:50vh}.hp-cards-section:before{content:"";position:absolute;top:-60px;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,#2a1550);z-index:5;pointer-events:none}.hp-cards-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(120,80,200,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(180,100,220,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(100,60,180,.08) 0%,transparent 50%);pointer-events:none}.hp-cards-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hp-cards-particle{position:absolute;width:2px;height:2px;background:#c8aaff66;border-radius:50%;animation:hp-float var(--float-dur, 10s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes hp-float{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{transform:translateY(-20px) translate(10px);opacity:.6}50%{transform:translateY(-10px) translate(-5px);opacity:.3}75%{transform:translateY(-25px) translate(8px);opacity:.5}}.hp-cards-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}.hp-companion-card{border-radius:16px!important;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);background:#ffffff0f!important;border:1px solid rgba(200,170,255,.12)!important;box-shadow:0 4px 20px #0000004d;height:100%;display:flex;flex-direction:column}.hp-companion-card .ant-card-body{background:#140a2db3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hp-companion-card:hover{transform:translateY(-8px);border-color:#c8aaff59!important;box-shadow:0 16px 40px #643cc840,0 0 20px #b48cff14}.hp-companion-cover{width:100%;height:280px;overflow:hidden;background:linear-gradient(135deg,#1a0f3a,#2d1b60);display:flex;align-items:center;justify-content:center;position:relative}.hp-companion-cover .ant-image{display:block;width:100%;height:100%;flex:1 1 auto}.hp-companion-cover .ant-image-img{display:block;width:100%;height:100%;object-fit:cover}.hp-companion-avatar{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hp-companion-card:hover .hp-companion-avatar{transform:scale(1.06)}.hp-companion-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0f3a,#3a2570)}.hp-companion-name{font-size:17px;font-weight:600;color:#e8dff5;display:flex;align-items:center;margin-bottom:4px}.hp-companion-intro{flex:1}.hp-companion-intro .ant-typography{color:#c8bedcbf!important}.hp-companion-rate{display:inline-block;margin-top:10px;font-size:14px;color:#c8a0ff!important;font-weight:600;background:#a064ff1f;padding:3px 12px;border-radius:12px;border:1px solid rgba(160,100,255,.15)}.hp-audio-bar{margin-top:12px;padding:8px 12px;background:#643cc81a;border-radius:10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(160,120,255,.1)}.hp-audio-bar .ant-typography{color:#c8b4e6b3!important}.hp-ranking-section{position:relative;background:linear-gradient(180deg,#0d0725,#0a0520);padding:60px 0 80px}.hp-ranking-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}.hp-ranking-header{text-align:center;margin-bottom:36px}.hp-ranking-header h2{font-size:28px!important;font-weight:700!important;color:#d4c0f0!important;margin-bottom:8px!important}.hp-ranking-header p{color:#b4a0d299!important;font-size:14px}.hp-ranking-card{border-radius:16px!important;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);background:#ffffff0a!important;border:1px solid rgba(200,170,255,.1)!important;box-shadow:0 4px 20px #0000004d}.hp-ranking-card:hover{transform:translateY(-4px);border-color:#c8aaff40!important;box-shadow:0 12px 32px #5028b433}.hp-ranking-card .ant-card-head{background:#3c1e784d!important;border-bottom:1px solid rgba(200,170,255,.08)!important}.hp-ranking-card .ant-card-head-title{color:#d4c0f0!important}.hp-ranking-card .ant-card-body{background:#140a2d80}.hp-ranking-card .ant-table{background:transparent!important}.hp-ranking-card .ant-table-thead>tr>th{background:#3c1e7833!important;color:#c8b4e6cc!important;border-bottom:1px solid rgba(200,170,255,.08)!important}.hp-ranking-card .ant-table-tbody>tr>td{background:transparent!important;color:#dcc8f0cc!important;border-bottom:1px solid rgba(200,170,255,.05)!important}.hp-ranking-card .ant-table-tbody>tr:hover>td{background:#643cc814!important}.hp-footer{background:#0a0520;padding:32px 20px;text-align:center;border-top:1px solid rgba(200,170,255,.06)}.hp-footer .ant-typography{color:#a08cc873!important}.hp-preview-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#3a1d8e,#6b3fa0);color:#fff;text-align:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 -4px 20px #3c1e8c80}@media (max-width: 768px){.hp-hero{height:40vh;min-height:300px}.hp-hero-bar{padding:0 24px;flex-direction:column;gap:20px}.hp-brand-main{font-size:36px;letter-spacing:0}.hp-brand-sub{font-size:18px}.hp-cards-inner,.hp-ranking-inner{padding:0 12px}.hp-companion-cover{height:240px}.hp-cards-section{padding:32px 0 60px}}@media (max-width: 576px){.hp-hero{height:35vh;min-height:260px}.hp-hero-bar{padding:0 16px}.hp-brand-main{font-size:28px;letter-spacing:0}.hp-brand-sub{font-size:15px;letter-spacing:2px}.hp-login-btn{padding:6px 24px!important;height:38px!important;font-size:14px!important}}.hpb-container{min-height:100vh;background-color:#150820;position:relative;overflow-x:hidden}.hpb-hero{position:relative;height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.hpb-hero--default{background:linear-gradient(180deg,#0c0118,#14052a 10%,#221248,#3d2070,#6b40a0 55%,#9b6ec4 68%,#c9a0e0 78%,#e0c4f0 86%,#ecd8f4,#d8bce8 96%,#a882c8)}.hpb-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c011833,#2212481a 40%,#643ca00d);z-index:1}.hpb-hero--default .hpb-hero-overlay{background:none}.hpb-moon{position:absolute;left:12%;top:12%;width:160px;height:160px;z-index:3;pointer-events:none}.hpb-moon-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;box-shadow:-25px 18px 0 8px #fffadceb,-25px 18px 30px 12px #fff5c84d,-25px 18px 80px 20px #fff0b426,-25px 18px 140px 30px #e6d2a014;animation:hpb-moon-glow 5s ease-in-out infinite}.hpb-moon-mask,.hpb-hero--default .hpb-moon-mask{display:none}@keyframes hpb-moon-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.hpb-moon-halo{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,210,.12) 0%,rgba(240,220,180,.06) 40%,transparent 70%);animation:hpb-halo-pulse 6s ease-in-out infinite}@keyframes hpb-halo-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.hpb-butterfly{position:absolute;left:calc(12% + 130px);top:calc(12% + 30px);z-index:4;pointer-events:none;animation:hpb-butterfly-float 8s ease-in-out infinite}@keyframes hpb-butterfly-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(8px,-12px) rotate(5deg)}50%{transform:translate(-4px,-6px) rotate(-3deg)}75%{transform:translate(6px,-15px) rotate(4deg)}}.hpb-butterfly-wing{display:inline-block;position:relative}.hpb-butterfly-wing:before,.hpb-butterfly-wing:after{content:"";position:absolute;border-radius:50% 50% 50% 0;background:radial-gradient(ellipse at 60% 40%,#c8aaffcc,#a078e680 50%,#7850c833);box-shadow:0 0 12px #b496ff66}.hpb-butterfly-wing:before{width:16px;height:12px;top:0;left:0;transform:rotate(-30deg);animation:hpb-wing-left .6s ease-in-out infinite}.hpb-butterfly-wing:after{width:16px;height:12px;top:0;left:14px;transform:rotate(30deg) scaleX(-1);animation:hpb-wing-right .6s ease-in-out infinite}@keyframes hpb-wing-left{0%,to{transform:rotate(-30deg) scaleY(1)}50%{transform:rotate(-30deg) scaleY(.6)}}@keyframes hpb-wing-right{0%,to{transform:rotate(30deg) scaleX(-1) scaleY(1)}50%{transform:rotate(30deg) scaleX(-1) scaleY(.6)}}.hpb-butterfly-glow{position:absolute;left:10px;top:4px;width:6px;height:6px;background:#dcc8ffe6;border-radius:50%;box-shadow:0 0 10px #c8aaffcc,0 0 20px #b496ff66}.hpb-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hpb-star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:hpb-twinkle var(--dur, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.hpb-star--cross{background:transparent;box-shadow:0 0 3px 1px #fffc,0 0 8px 2px #c8b4ff66}.hpb-star--cross:before,.hpb-star--cross:after{content:"";position:absolute;background:#fff9;border-radius:2px}.hpb-star--cross:before{width:1px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.hpb-star--cross:after{width:12px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes hpb-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--peak, .8);transform:scale(1)}}.hpb-trails{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.hpb-trail{position:absolute;height:1px;border-radius:2px;opacity:0;animation:hpb-trail-fly var(--trail-dur, 4s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes hpb-trail-fly{0%{opacity:0;transform:translate(-100px) translateY(0) scaleX(.3)}10%{opacity:.8}60%{opacity:.5}to{opacity:0;transform:translate(var(--travel, 600px)) translateY(var(--y-drift, 30px)) scaleX(1)}}.hpb-clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.hpb-cloud{position:absolute;border-radius:50%;background:radial-gradient(ellipse,rgba(180,150,220,.08),transparent 70%);filter:blur(30px);animation:hpb-cloud-drift var(--cloud-dur, 30s) linear infinite}@keyframes hpb-cloud-drift{0%{transform:translate(var(--start-x, -200px))}to{transform:translate(var(--end-x, 200px))}}.hpb-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hpb-glow:before{content:"";position:absolute;top:5%;left:18%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,210,.08) 0%,transparent 60%);animation:hpb-glow-pulse 7s ease-in-out infinite}.hpb-glow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:140%;height:35%;background:radial-gradient(ellipse at center bottom,rgba(200,160,240,.1) 0%,rgba(180,140,220,.05) 40%,transparent 70%)}@keyframes hpb-glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.hpb-petals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.hpb-petal{position:absolute;top:-20px;border-radius:50% 0 50% 50%;opacity:0;animation:hpb-fall var(--fall-dur, 10s) linear infinite;animation-delay:var(--delay, 0s)}.hpb-petal--pink{background:radial-gradient(ellipse at 30% 30%,#ffd6ec,#f5a0d0)}.hpb-petal--white{background:radial-gradient(ellipse at 30% 30%,#fff0f8,#f0d0e8)}.hpb-petal--lilac{background:radial-gradient(ellipse at 30% 30%,#e8d0ff,#d0b0f0)}@keyframes hpb-fall{0%{opacity:0;transform:translate(0) translateY(0) rotate(0) scale(var(--s, .8))}8%{opacity:var(--peak-o, .7)}85%{opacity:.4}to{opacity:0;transform:translate(var(--drift, 100px)) translateY(100vh) rotate(var(--rot, 400deg)) scale(.3)}}.hpb-hero-bar{position:relative;z-index:10;width:100%;max-width:1200px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.hpb-brand{display:flex;align-items:baseline;gap:12px;-webkit-user-select:none;user-select:none}.hpb-brand-main{font-size:54px;font-weight:800;color:#fff;text-shadow:0 0 24px rgba(220,190,255,.6),0 0 60px rgba(180,140,255,.3),0 0 100px rgba(160,120,240,.15),0 2px 4px rgba(0,0,0,.2);letter-spacing:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}.hpb-brand-sub{font-size:24px;font-weight:300;color:#e6d2ffd9;text-shadow:0 0 16px rgba(200,170,255,.5);letter-spacing:5px;text-transform:lowercase;font-style:italic}.hpb-login-btn{margin-right:80px;border-radius:28px!important;padding:8px 36px!important;height:46px!important;font-size:16px!important;font-weight:500!important;letter-spacing:3px!important;background:#c8a0ff26!important;border:1px solid rgba(220,200,255,.35)!important;color:#fffffff2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #9664e633,inset 0 1px #ffffff1a;transition:all .4s ease}.hpb-login-btn:hover{background:#dcbeff40!important;border-color:#fff9!important;transform:translateY(-2px);box-shadow:0 8px 32px #a078f059,0 0 20px #c8aaff26,inset 0 1px #ffffff26}.hpb-cards-section{position:relative;background:linear-gradient(180deg,#2a1555,#221050 8%,#1a0c42 25%,#150a38,#110830,#0d0625);padding:48px 0 80px;min-height:50vh}.hpb-cards-section:before{content:"";position:absolute;top:-80px;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent,#2a1555);z-index:5;pointer-events:none}.hpb-cards-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 15%,rgba(180,120,240,.06) 0%,transparent 45%),radial-gradient(ellipse at 85% 30%,rgba(220,160,255,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 70%,rgba(150,100,220,.06) 0%,transparent 45%),radial-gradient(ellipse at 30% 90%,rgba(200,140,240,.04) 0%,transparent 40%);pointer-events:none}.hpb-fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.hpb-fog-layer{position:absolute;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(160,120,220,.03) 20%,rgba(180,140,240,.05) 40%,rgba(160,120,220,.03) 60%,transparent 80%);animation:hpb-fog-move var(--fog-dur, 25s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes hpb-fog-move{0%{transform:translate(-50%)}to{transform:translate(0)}}.hpb-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hpb-sparkle{position:absolute;border-radius:50%;background:#dcc8ff80;box-shadow:0 0 4px #c8aaff66;animation:hpb-sparkle-float var(--sp-dur, 8s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:0}@keyframes hpb-sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-15px) scale(1)}50%{opacity:.4;transform:translateY(-30px) scale(.8)}80%{opacity:.6;transform:translateY(-20px) scale(.9)}}.hpb-cards-inner{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:0 20px}.hpb-companion-card{border-radius:18px!important;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:#ffffff0a!important;border:1px solid rgba(220,200,255,.1)!important;box-shadow:0 4px 20px #00000040,0 0 1px #c8aaff33;height:100%;display:flex;flex-direction:column}.hpb-companion-card .ant-card-body{background:#190c3299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hpb-companion-card:hover{transform:translateY(-10px);border-color:#dcbeff4d!important;box-shadow:0 20px 50px #7846dc33,0 0 30px #c8aaff0f,0 0 1px #dcc8ff4d}.hpb-companion-cover{width:100%;height:280px;overflow:hidden;background:linear-gradient(135deg,#1a0e3d,#2a1860);display:flex;align-items:center;justify-content:center;position:relative}.hpb-companion-cover .ant-image{display:block;width:100%;height:100%;flex:1 1 auto}.hpb-companion-cover .ant-image-img{display:block;width:100%;height:100%;object-fit:cover}.hpb-companion-avatar{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hpb-companion-card:hover .hpb-companion-avatar{transform:scale(1.05)}.hpb-companion-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0e3d,#35207a)}.hpb-companion-name{font-size:17px;font-weight:600;color:#ecdff8;display:flex;align-items:center;margin-bottom:4px}.hpb-companion-intro{flex:1}.hpb-companion-intro .ant-typography{color:#d2c3e6b3!important}.hpb-companion-rate{display:inline-block;margin-top:10px;font-size:14px;color:#d4b0ff!important;font-weight:600;background:#b482ff1a;padding:3px 12px;border-radius:12px;border:1px solid rgba(180,130,255,.12)}.hpb-audio-bar{margin-top:12px;padding:8px 12px;background:#7850dc14;border-radius:10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(180,140,255,.08)}.hpb-audio-bar .ant-typography{color:#d2bef099!important}.hpb-ranking-section{position:relative;background:linear-gradient(180deg,#0d0625,#090418);padding:60px 0 80px}.hpb-ranking-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}.hpb-ranking-header{text-align:center;margin-bottom:36px}.hpb-ranking-header h2{font-size:28px!important;font-weight:700!important;color:#dcc8f4!important;margin-bottom:8px!important}.hpb-ranking-header p{color:#beaadc8c!important;font-size:14px}.hpb-ranking-card{border-radius:16px!important;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);background:#ffffff08!important;border:1px solid rgba(210,180,255,.08)!important;box-shadow:0 4px 20px #00000040}.hpb-ranking-card:hover{transform:translateY(-4px);border-color:#d2b4ff33!important;box-shadow:0 12px 32px #5a32be2e}.hpb-ranking-card .ant-card-head{background:#46238240!important;border-bottom:1px solid rgba(210,180,255,.06)!important}.hpb-ranking-card .ant-card-head-title{color:#dcc8f4!important}.hpb-ranking-card .ant-card-body{background:#160c3080}.hpb-ranking-card .ant-table{background:transparent!important}.hpb-ranking-card .ant-table-thead>tr>th{background:#46238226!important;color:#d2bef0bf!important;border-bottom:1px solid rgba(210,180,255,.06)!important}.hpb-ranking-card .ant-table-tbody>tr>td{background:transparent!important;color:#e1d2f5bf!important;border-bottom:1px solid rgba(210,180,255,.04)!important}.hpb-ranking-card .ant-table-tbody>tr:hover>td{background:#7846dc0f!important}.hpb-footer{background:#090418;padding:32px 20px;text-align:center;border-top:1px solid rgba(200,170,255,.04)}.hpb-footer .ant-typography{color:#aa96d266!important}.hpb-preview-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#4a2090,#7040b0);color:#fff;text-align:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 -4px 20px #461e9680}@media (max-width: 768px){.hpb-hero{height:40vh;min-height:300px}.hpb-hero-bar{padding:0 24px;flex-direction:column;gap:20px}.hpb-brand-main{font-size:36px;letter-spacing:0}.hpb-brand-sub{font-size:18px}.hpb-cards-inner,.hpb-ranking-inner{padding:0 12px}.hpb-companion-cover{height:240px}.hpb-cards-section{padding:32px 0 60px}.hpb-moon{width:100px;height:100px;left:8%;top:8%}.hpb-moon-mask{width:90px;height:90px;top:-10px;right:-15px}.hpb-butterfly{left:calc(8% + 85px);top:calc(8% + 20px)}.hpb-login-btn{margin-right:0!important}}@media (max-width: 576px){.hpb-hero{height:35vh;min-height:260px}.hpb-hero-bar{padding:0 16px}.hpb-brand-main{font-size:28px;letter-spacing:0}.hpb-brand-sub{font-size:15px;letter-spacing:2px}.hpb-login-btn{padding:6px 24px!important;height:38px!important;font-size:14px!important}.hpb-moon{width:70px;height:70px}.hpb-moon-mask{width:65px;height:65px;top:-8px;right:-12px}}.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:450px}.login-box h1{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:28px}.admin-users-table .ant-table,.admin-users-table .ant-table-container{border-radius:12px}.admin-users-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#000000d9}.admin-users-table .ant-table-thead>tr>th:before{background-color:#0000000a!important}.admin-users-table .ant-table-tbody>tr>td{padding-top:14px;padding-bottom:14px}.admin-users-table .ant-table-tbody>tr:hover>td{background:#fafcff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100vh}