.haoqi-premium-hero{--hp-ink:#071b16;--hp-glow:#edd09d;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(660px,83svh,960px);background:#071d17;color:#f7f5ea;font-family:Manrope,DM Sans,Arial,sans-serif}.haoqi-premium-hero *{box-sizing:border-box}.haoqi-premium-hero.hp-tone-blue{--hp-glow:#b7dcee;background:#0a2532}.haoqi-premium-hero.hp-tone-amber{--hp-glow:#efcf82}.haoqi-premium-hero.hp-tone-red{--hp-glow:#f4b0a3}.haoqi-premium-hero.hp-tone-orange{--hp-glow:#f2ca89}.haoqi-premium-hero .hp-bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 77% 35%,#28634c 0,#102d25 37%,#061814 78%)}.haoqi-premium-hero.hp-tone-blue .hp-bg{background:radial-gradient(circle at 78% 34%,#356a80,#0a2634 49%,#061922 87%)}.haoqi-premium-hero .hp-side-line{position:absolute;left:5%;top:8%;bottom:9%;width:1px;background:linear-gradient(transparent,#f3d8ab43 20%,#e7f5e523 77%,transparent);pointer-events:none}.haoqi-premium-hero .hp-stage{position:relative;max-width:1640px;margin:0 auto;min-height:clamp(565px,71svh,850px);padding:clamp(92px,10vh,145px) clamp(28px,9vw,150px) 125px;display:flex;align-items:center}.haoqi-premium-hero .hp-content{position:relative;z-index:4;width:min(770px,64%);padding:12px 0 38px}.haoqi-premium-hero .hp-brand{display:flex;gap:8px;align-items:center;text-transform:uppercase;font-weight:800;letter-spacing:.22em;font-size:11px;color:#f4f3e5;opacity:.9;margin:0 0 clamp(48px,7vw,95px)}.haoqi-premium-hero .hp-brand>span:last-child{color:var(--hp-glow)}.haoqi-premium-hero .hp-brand-dot{width:7px;height:7px;background:#b2e29e;border-radius:50%;box-shadow:0 0 12px #a2dc9a90}.haoqi-premium-hero .hp-kicker{font-size:11px;letter-spacing:.18em;color:var(--hp-glow);font-weight:800;text-transform:uppercase;margin:0 0 25px}.haoqi-premium-hero .hp-kicker:before{content:"";display:inline-block;width:38px;height:1px;background:var(--hp-glow);vertical-align:middle;margin-right:17px}.haoqi-premium-hero .hp-heading{font-size:clamp(46px,6vw,104px);font-weight:650;letter-spacing:-.065em;line-height:1.06;max-width:860px;color:#fff;margin:0 0 26px;overflow-wrap:break-word;text-shadow:0 15px 40px #03160c55}.haoqi-premium-hero .hp-heading em{display:block;color:var(--hp-glow);font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.06em;font-size:.91em;line-height:1.17}.haoqi-premium-hero .hp-description{font-size:clamp(14px,1.3vw,18px);line-height:1.8;max-width:570px;color:#e4f0e9e3;white-space:pre-line;margin:0 0 36px}.haoqi-premium-hero .hp-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.haoqi-premium-hero .hp-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 23px;text-decoration:none;font-size:12px;font-weight:800;min-height:51px;transition:background .24s,transform .24s;color:inherit}.haoqi-premium-hero .hp-action:hover{transform:translateY(-2px)}.haoqi-premium-hero .hp-action-main{background:var(--hp-glow);color:#16382b;border:1px solid var(--hp-glow)}.haoqi-premium-hero .hp-action-ghost{border-bottom:1px solid #d1e7d5a8;padding-left:2px;padding-right:2px}.haoqi-premium-hero .hp-visual{position:absolute;inset:0 0 0 36%;z-index:1;pointer-events:none}.haoqi-premium-hero .hp-photo-frame{position:absolute;inset:0;overflow:hidden;background:#24533d}.haoqi-premium-hero .hp-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.93)}.haoqi-premium-hero .hp-fit-contain .hp-photo{object-fit:contain}.haoqi-premium-hero .hp-photo-tone{position:absolute;inset:0;background:linear-gradient(90deg,#071b16,#071b16da 16%,#071b168a 40%,#071b1619 74%),linear-gradient(0deg,#071b16ec,transparent 32%,#071b165c);pointer-events:none}.haoqi-premium-hero .hp-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 55% 50%,#367c70,#153d35 50%,#0b2926 90%)}.haoqi-premium-hero .hp-orb{width:min(34vw,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 20%,#eff1a2,#51b9a0 34%,#0f6d62 70%,#063838);box-shadow:0 25px 80px #0419139a,0 0 80px #97d3a528}.haoqi-premium-hero .hp-orbit{position:absolute;width:min(47vw,570px);aspect-ratio:1;border:1px solid #cfe8da78;border-radius:50%;transform:rotate(-28deg) scaleX(.77)}.haoqi-premium-hero .hp-orbit-two{transform:rotate(35deg) scaleX(.7);opacity:.5}.haoqi-premium-hero .hp-art i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--hp-glow);top:32%;left:33%;box-shadow:0 0 30px var(--hp-glow)}.haoqi-premium-hero .hp-video-frame,.haoqi-premium-hero .hp-video-launch{pointer-events:auto;position:absolute;z-index:5;top:50%;left:67%;transform:translate(-50%,-50%)}.haoqi-premium-hero .hp-video-launch{border:1px solid #e7efdb8a;background:#153e32d9;color:white;padding:17px;border-radius:50%;font-size:20px;display:grid;place-items:center;gap:7px}.haoqi-premium-hero .hp-video-launch span{font-size:10px;white-space:nowrap}.haoqi-premium-hero .hp-video-frame{width:52%;aspect-ratio:16/9;border:0;box-shadow:0 10px 50px #0009}.haoqi-premium-hero .hp-visual-caption{position:absolute;right:6%;bottom:12%;padding:9px 14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#102c24d6;color:#fff;z-index:2}.haoqi-premium-hero .hp-visual-caption i{display:inline-block;width:4px;height:4px;background:var(--hp-glow);vertical-align:middle;margin:0 8px}.haoqi-premium-hero .hp-scene-index{position:absolute;z-index:1;right:4%;top:6%;font-size:clamp(140px,26vw,370px);line-height:1;font-weight:800;letter-spacing:-.12em;color:#ffffff0a;pointer-events:none}.haoqi-premium-hero .hp-scene-watermark{font-size:clamp(230px,30vw,520px);position:absolute;right:2%;bottom:-11%;line-height:1;font-weight:700;color:#ffffff05;pointer-events:none;z-index:2}.haoqi-premium-hero .hp-navigation{position:absolute;z-index:8;bottom:0;left:0;right:0;max-width:1640px;margin:auto;padding:18px clamp(28px,9vw,150px) 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}.haoqi-premium-hero .hp-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.haoqi-premium-hero .hp-tab{display:flex;flex-direction:column;align-items:stretch;gap:12px;color:#fff9;text-align:left;border:0;background:transparent;font:inherit;cursor:pointer;padding:4px 0;min-width:0}.haoqi-premium-hero .hp-tab-text{font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.015em}.haoqi-premium-hero .hp-tab-text b{color:var(--hp-glow);font-size:10px;margin-right:6px}.haoqi-premium-hero .hp-tab-track{height:2px;background:#ffffff65;overflow:hidden}.haoqi-premium-hero .hp-tab-track i{display:block;height:100%;width:100%;background:var(--hp-glow);transform:scaleX(0);transform-origin:left;transition:transform .35s}.haoqi-premium-hero .hp-current .hp-tab-track i{transform:scaleX(1)}.haoqi-premium-hero .hp-current{color:#fff}.haoqi-premium-hero .hp-transport{display:flex;gap:9px;align-items:center}.haoqi-premium-hero .hp-transport button{width:40px;height:40px;min-width:40px;border:1px solid #f0f5e763;border-radius:50%;background:#0f362bb8;color:white;font-size:17px;cursor:pointer}.haoqi-premium-hero .hp-transport button:hover{background:var(--hp-glow);color:#10291e}.haoqi-premium-hero .hp-counter{margin-right:15px;color:#fff;font-size:11px;white-space:nowrap}.haoqi-premium-hero a:focus-visible,.haoqi-premium-hero button:focus-visible{outline:3px solid var(--hp-glow);outline-offset:4px}@media(max-width:950px){.haoqi-premium-hero .hp-navigation,.haoqi-premium-hero .hp-stage{padding-left:7vw;padding-right:6vw}.haoqi-premium-hero .hp-heading{font-size:clamp(43px,7.6vw,78px)}.haoqi-premium-hero .hp-content{width:min(700px,72%)}.haoqi-premium-hero .hp-visual{left:31%}.haoqi-premium-hero .hp-tabs{gap:6px}}@media(max-width:700px){.haoqi-premium-hero{min-height:740px}.haoqi-premium-hero .hp-stage{min-height:740px;display:block;padding:0 23px 115px}.haoqi-premium-hero .hp-visual{inset:0 0 0 0;opacity:.86}.haoqi-premium-hero .hp-photo-tone{background:linear-gradient(0deg,#061812 5%,#061812ed 30%,#061812a8 54%,#06181265 80%,#06181285)}.haoqi-premium-hero .hp-content{position:relative;z-index:4;padding-top:100px;width:100%;max-width:540px}.haoqi-premium-hero .hp-brand{margin:0 0 150px;font-size:10px}.haoqi-premium-hero .hp-kicker{font-size:10px;margin-bottom:18px}.haoqi-premium-hero .hp-heading{font-size:clamp(37px,8vw,55px);line-height:1.06}.haoqi-premium-hero .hp-description{font-size:14px;line-height:1.6;margin-bottom:25px}.haoqi-premium-hero .hp-action{font-size:11px;min-height:47px;padding:12px 15px}.haoqi-premium-hero .hp-navigation{padding:10px 23px 26px;grid-template-columns:1fr;gap:13px}.haoqi-premium-hero .hp-tabs{gap:5px}.haoqi-premium-hero .hp-tab-text{font-size:0}.haoqi-premium-hero .hp-tab-text b{font-size:11px}.haoqi-premium-hero .hp-transport{justify-content:flex-end}.haoqi-premium-hero .hp-visual-caption{display:none}.haoqi-premium-hero .hp-art .hp-orb{width:210px}.haoqi-premium-hero .hp-art .hp-orbit{width:320px}.haoqi-premium-hero .hp-video-frame{width:88%;left:50%}.haoqi-premium-hero .hp-video-launch{left:55%;top:31%}}@media(prefers-reduced-motion:reduce){.haoqi-premium-hero *{animation-duration:.01ms!important;transition-duration:.01ms!important}}