:root{--bg:#f6f2ff;--panel:#ffffff;--txt:#1f1238;--mut:#6f6390;--line:rgba(31,18,56,.09);--acc:#7c3aed;--acc2:#0fb981;--btn:#ff3b30;--btn-ink:#ffffff;--foot:#1f1238;--rad:14px;--disp:"xoh4d400","Segoe UI",system-ui,sans-serif;--body:"xoh4b808","Segoe UI",system-ui,sans-serif;--sh:0 6px 22px rgba(30,20,60,.08)}
@font-face{font-family:"xoh4d400";src:url(/assets/312bd328/c79b158e.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"xoh4b808";src:url(/assets/312bd328/361822f3.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"xoh4b808";src:url(/assets/312bd328/f0e13a40.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--txt);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}input{font:inherit}
.xoh4_ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xoh4_in{max-width:1440px;margin:0 auto;padding:0 clamp(14px,2.6vw,32px)}
.xoh4_hd{position:sticky;top:0;z-index:30;background:var(--panel);box-shadow:var(--sh)}
.xoh4_hd-in{display:flex;align-items:center;gap:18px;min-height:70px}
.xoh4_logo{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--disp);font-weight:700;font-size:1.3rem;line-height:1.05}.xoh4_em{flex:none}.xoh4_wm{display:flex;align-items:center;gap:8px}.xoh4_wm i{font-style:normal;font-family:var(--body);font-weight:700;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--acc);padding:3px 8px;border-radius:999px}
.xoh4_nav{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.xoh4_nav::-webkit-scrollbar{display:none}
.xoh4_nav a{padding:9px 14px;border-radius:999px;font-weight:700;font-size:.95rem;white-space:nowrap;color:var(--mut)}.xoh4_nav a:hover{color:var(--txt);background:color-mix(in srgb,var(--acc) 10%,transparent)}.xoh4_nav a.xoh4_on{color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,transparent)}
.xoh4_sf{display:flex;align-items:center;gap:8px;width:250px;flex:none;padding:0 14px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--mut)}.xoh4_sf input{flex:1;min-width:0;border:0;background:none;color:var(--txt);padding:10px 0;outline:none}.xoh4_sf:focus-within{border-color:var(--acc)}
.xoh4_acct{display:flex;gap:8px;flex:none}
.xoh4_btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:1rem;padding:10px 20px;border-radius:999px;cursor:pointer;border:2px solid transparent;max-width:100%;text-align:center;line-height:1.2}
.xoh4_pri{background:var(--btn);color:var(--btn-ink);box-shadow:0 6px 16px color-mix(in srgb,var(--btn) 40%,transparent)}.xoh4_pri:hover{transform:translateY(-1px);filter:brightness(1.05)}
.xoh4_ghost{border-color:color-mix(in srgb,var(--acc) 40%,transparent);color:var(--acc);background:transparent}.xoh4_ghost:hover{background:color-mix(in srgb,var(--acc) 10%,transparent)}.xoh4_lg{padding:13px 28px;font-size:1.08rem}
.xoh4_cb{background:var(--panel);border-top:1px solid var(--line);box-shadow:var(--sh);position:relative;z-index:2}
.xoh4_cb-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}.xoh4_cb-in::-webkit-scrollbar{display:none}
.xoh4_cb a{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;min-width:92px;padding:6px 8px;border-radius:var(--rad);font-size:.82rem;font-weight:700;text-align:center;color:var(--mut)}.xoh4_cb a:hover,.xoh4_cb a.xoh4_on{color:var(--txt);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.xoh4_bub{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--c);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--c) 40%,transparent);flex:none}.xoh4_bub .xoh4_ic{width:22px;height:22px}.xoh4_bub-l{width:56px;height:56px}.xoh4_bub-l .xoh4_ic{width:28px;height:28px}.xoh4_bub-w{background:rgba(255,255,255,.22);box-shadow:none}
.xoh4_main{padding:20px 0 50px}
.xoh4_hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media(min-width:1180px){.xoh4_hero{grid-template-columns:minmax(0,2.3fr) minmax(300px,1fr)}.xoh4_hero-left .xoh4_side{order:-1}.xoh4_hero-left{grid-template-columns:minmax(300px,1fr) minmax(0,2.3fr)}.xoh4_side{grid-template-columns:1fr!important;grid-auto-rows:1fr}}
.xoh4_ban{position:relative;border-radius:calc(var(--rad) + 8px);overflow:hidden;aspect-ratio:1376/768;background:#111;color:#fff;box-shadow:var(--sh)}
.xoh4_ban-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xoh4_ban::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 55%,#0b0614) 0%,color-mix(in srgb,var(--acc) 30%,rgba(11,6,20,.6)) 34%,transparent 62%)}
.xoh4_ban-t{position:absolute;z-index:1;left:0;top:0;bottom:0;width:min(56%,600px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(18px,3.4vw,50px)}
.xoh4_tag{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.2)}
.xoh4_ban h1{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,2.8vw,3rem);line-height:1.08;margin:12px 0 8px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.xoh4_sign{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,2.8vw,2.9rem);line-height:1.04;color:var(--btn)}.xoh4_ban-s{opacity:.92;margin-top:6px;max-width:40ch}
.xoh4_ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.xoh4_fine{font-size:.78rem;color:var(--mut);margin-top:10px}.xoh4_ban .xoh4_fine{color:rgba(255,255,255,.75)}
.xoh4_side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.xoh4_pc{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:calc(var(--rad) + 4px);background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--c) 30%,transparent);position:relative;overflow:hidden}
.xoh4_pc::after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}
.xoh4_pc b{font-family:var(--disp);font-weight:700;font-size:1.25rem;line-height:1.15}.xoh4_pc span{font-size:.92rem;opacity:.92}.xoh4_pc em{margin-top:auto;font-style:normal;font-weight:700;font-size:.9rem}.xoh4_pc-s{min-height:0}.xoh4_pc-s b{font-size:1.08rem}
.xoh4_pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0}
.xoh4_sec{padding-top:34px}
.xoh4_sh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.xoh4_sh h2{display:flex;align-items:center;gap:12px;font-family:var(--disp);font-weight:700;font-size:clamp(1.2rem,1.9vw,1.6rem)}.xoh4_sh .xoh4_bub{width:38px;height:38px}.xoh4_sh .xoh4_bub .xoh4_ic{width:20px;height:20px}
.xoh4_more{font-weight:700;font-size:.9rem;color:var(--acc);padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,transparent);white-space:nowrap}
.xoh4_spot{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.xoh4_sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:12px;border-radius:calc(var(--rad) + 4px);background:var(--panel);box-shadow:var(--sh);border:1px solid var(--line)}.xoh4_sp:hover{border-color:var(--acc)}
.xoh4_sp-i img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--rad)}.xoh4_sp-b{display:flex;flex-direction:column;gap:4px;min-width:0}.xoh4_sp-b b{font-family:var(--disp);font-weight:700;font-size:1.05rem;line-height:1.2}.xoh4_sp-b small{color:var(--mut);font-size:.8rem}.xoh4_sp-b span{font-size:.84rem;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xoh4_sp-b em{margin-top:auto;display:inline-flex;align-items:center;gap:6px;width:max-content;font-style:normal;font-weight:700;font-size:.88rem;color:var(--btn-ink);background:var(--btn);padding:6px 14px;border-radius:999px}.xoh4_sp-b em .xoh4_ic{width:14px;height:14px;fill:currentColor;stroke:none}
.xoh4_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}
.xoh4_t{display:flex;flex-direction:column;border-radius:var(--rad);overflow:hidden;background:var(--panel);box-shadow:var(--sh);border:1px solid var(--line);transition:transform .15s,box-shadow .15s}.xoh4_t:hover{transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--acc) 22%,transparent)}
.xoh4_t-i img{width:100%;aspect-ratio:3/2;object-fit:cover}
.xoh4_t-c{display:flex;flex-direction:column;gap:4px;padding:9px 11px 11px;min-width:0}.xoh4_t-c b{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xoh4_t-c small{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--mut);white-space:nowrap;overflow:hidden}.xoh4_t-c i{font-style:normal;font-weight:700;color:#fff;background:var(--c);padding:1px 8px;border-radius:999px;flex:none}
.xoh4_band{margin-top:38px;padding:28px 0 34px;color:#fff}.xoh4_band .xoh4_sec{padding-top:0}.xoh4_band .xoh4_sh h2{color:#fff}.xoh4_band .xoh4_more{color:#fff;background:rgba(255,255,255,.16)}
.xoh4_band-live{background:linear-gradient(135deg,#141029,#2a1d55)}.xoh4_band-jp{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 85%,#000),color-mix(in srgb,var(--acc2) 75%,#000))}
.xoh4_band .xoh4_t{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none;color:#fff}.xoh4_band .xoh4_t-c small{color:rgba(255,255,255,.75)}
.xoh4_row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px*1.3)/2.3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.xoh4_row>*{scroll-snap-align:start}
@media(min-width:720px){.xoh4_row{grid-auto-columns:calc((100% - 42px)/4)}}@media(min-width:1100px){.xoh4_row{grid-auto-columns:calc((100% - 70px)/6)}}
.xoh4_logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.xoh4_logos a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:12px;border-radius:var(--rad);background:var(--panel);box-shadow:var(--sh);border:1px solid var(--line)}.xoh4_logos a:hover{border-color:var(--acc)}.xoh4_logos img{max-height:28px;max-width:116px;width:auto;object-fit:contain}.xoh4_logos b{font-family:var(--disp);font-size:.95rem}.xoh4_logos small{font-size:.76rem;color:var(--mut)}.xoh4_logos-l a{min-height:100px}
.xoh4_payrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.xoh4_payrow img{height:30px;width:auto}.xoh4_payrow span{font-size:.82rem;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.xoh4_seo{max-width:980px}.xoh4_seo h2{font-family:var(--disp);font-weight:700;font-size:1.3rem;margin-bottom:8px}.xoh4_seo p{color:var(--mut);margin-bottom:10px}
.xoh4_ph{display:flex;align-items:center;gap:16px;padding:6px 0 12px}.xoh4_ph h1{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1}.xoh4_ph p{color:var(--mut);max-width:76ch;margin-top:6px}
.xoh4_find{display:flex;align-items:center;gap:10px;max-width:420px;margin:4px 0 6px;padding:0 16px;background:var(--panel);border:1px solid var(--line);border-radius:999px;box-shadow:var(--sh);color:var(--mut)}.xoh4_find input{flex:1;min-width:0;background:none;border:0;color:var(--txt);padding:12px 0;outline:none}
.xoh4_gm{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;padding:20px;border-radius:calc(var(--rad) + 6px);background:var(--panel);box-shadow:var(--sh);margin-top:6px}
.xoh4_gm-i img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--rad)}.xoh4_gm-b h1{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.1;margin:10px 0 4px}.xoh4_gm-b>p{color:var(--mut);margin-bottom:6px}.xoh4_by a{color:var(--acc);font-weight:700}
.xoh4_pill{display:inline-block;font-size:.8rem;font-weight:700;color:#fff;background:var(--c);padding:4px 12px;border-radius:999px}
.xoh4_offer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:clamp(18px,3vw,34px);border-radius:calc(var(--rad) + 8px);background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc2) 80%,#000));color:#fff;box-shadow:var(--sh);margin:8px 0 14px}.xoh4_offer h2{font-family:var(--disp);font-weight:700;font-size:1.25rem;margin:6px 0}.xoh4_offer p{margin-bottom:12px}.xoh4_offer .xoh4_ticks li{border-color:rgba(255,255,255,.25)}.xoh4_offer .xoh4_ticks li::before{border-color:#fff}
.xoh4_ticks{list-style:none}.xoh4_ticks li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid var(--line)}.xoh4_ticks li::before{content:"";position:absolute;left:4px;top:13px;width:12px;height:7px;border-left:3px solid var(--acc);border-bottom:3px solid var(--acc);transform:rotate(-45deg)}
.xoh4_card{padding:20px 22px;border-radius:calc(var(--rad) + 2px);background:var(--panel);box-shadow:var(--sh);border:1px solid var(--line);margin:12px 0}.xoh4_card h3{font-family:var(--disp);font-weight:700;font-size:1.1rem;margin-bottom:8px}
.xoh4_tiers{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.xoh4_tiers li{padding:18px;border-radius:var(--rad);background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff}.xoh4_tiers b{display:block;font-family:var(--disp);font-size:1.8rem;line-height:1}.xoh4_tiers span{font-weight:700}
.xoh4_two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.xoh4_two .xoh4_card{margin:0}.xoh4_tbl{width:100%;border-collapse:collapse;font-size:.92rem}.xoh4_tbl th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);padding:6px;border-bottom:2px solid var(--line)}.xoh4_tbl td{padding:9px 6px;border-bottom:1px solid var(--line)}
.xoh4_prose{max-width:880px}.xoh4_prose p{margin-bottom:12px}.xoh4_legal h2{font-family:var(--disp);font-weight:700;font-size:1.2rem;margin:20px 0 8px;color:var(--acc)}.xoh4_legal h3{font-size:1rem;margin:14px 0 6px}.xoh4_legal ul,.xoh4_legal ol{margin:0 0 12px 22px}.xoh4_legal li{margin:4px 0}
.xoh4_faq{max-width:900px}.xoh4_faq details{border-radius:var(--rad);background:var(--panel);box-shadow:var(--sh);margin:10px 0;padding:0 18px;border:1px solid var(--line)}.xoh4_faq summary{cursor:pointer;padding:15px 0;font-weight:700}.xoh4_faq p{padding:0 0 15px;color:var(--mut)}
.xoh4_nf{text-align:center;padding:50px 0}.xoh4_n404{font-family:var(--disp);font-weight:700;font-size:clamp(4rem,12vw,8rem);line-height:1;color:var(--acc)}.xoh4_nf h1{font-family:var(--disp);font-size:1.6rem;margin:6px 0}.xoh4_nf .xoh4_ctas{justify-content:center}
.xoh4_ft{background:var(--foot);color:#fff;padding:34px 0 26px;margin-top:20px}
.xoh4_ft-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.xoh4_ft-top p{max-width:60ch;color:rgba(255,255,255,.72);font-size:.92rem}
.xoh4_ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:26px 0}.xoh4_ft h4{font-family:var(--disp);font-weight:700;font-size:1rem;margin-bottom:8px}.xoh4_ft-cols a{display:block;color:rgba(255,255,255,.72);font-size:.9rem;padding:3px 0;word-break:break-word}.xoh4_ft-cols a:hover{color:#fff}
.xoh4_ft-pay{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.xoh4_ft-pay img{height:28px;width:auto}.xoh4_ft-pay span{font-size:.8rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 10px}
.xoh4_ft-bot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding-top:14px;font-size:.82rem;color:rgba(255,255,255,.7)}.xoh4_age{border:2px solid #fff;color:#fff;border-radius:999px;padding:1px 9px;font-weight:700}
.xoh4_bn{display:none}
@media(max-width:1180px){.xoh4_sf{width:200px}.xoh4_nav a{padding:8px 10px}}
@media(max-width:1000px){.xoh4_nav{display:none}.xoh4_sf{flex:1;width:auto;min-width:0}.xoh4_gm,.xoh4_offer,.xoh4_two{grid-template-columns:minmax(0,1fr)}.xoh4_ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.xoh4_acct .xoh4_ghost{display:none}.xoh4_ban{aspect-ratio:auto;display:flex;flex-direction:column}.xoh4_ban-i{position:static;width:100%;aspect-ratio:1376/768;height:auto}.xoh4_ban::after{display:none}.xoh4_ban-t{position:static;width:auto;background:linear-gradient(140deg,var(--acc),color-mix(in srgb,var(--acc) 60%,#000))}}
@media(max-width:700px){.xoh4_sf,.xoh4_acct .xoh4_ghost{display:none}.xoh4_hd-in{justify-content:space-between}.xoh4_logo{font-size:1.1rem}.xoh4_side{grid-template-columns:minmax(0,1fr)}.xoh4_sp{grid-template-columns:minmax(0,1fr)}.xoh4_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xoh4_cb a{min-width:78px}.xoh4_bn{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--panel);box-shadow:0 -6px 20px rgba(0,0,0,.12);border-top:1px solid var(--line)}.xoh4_bn>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px;font-size:.7rem;font-weight:700;color:var(--mut);text-align:center}.xoh4_bn-j{background:var(--btn);color:var(--btn-ink)!important;font-family:var(--disp);font-size:.88rem!important}body{padding-bottom:62px}.xoh4_ft-cols{grid-template-columns:minmax(0,1fr)}}
.xoh4_logo{min-width:0}.xoh4_pc b{overflow-wrap:anywhere}
@media(max-width:430px){.xoh4_wm i{display:none}.xoh4_logo{font-size:1.02rem;gap:8px}.xoh4_em{width:34px;height:34px}.xoh4_acct .xoh4_btn{padding:9px 14px;font-size:.92rem}.xoh4_hd-in{gap:10px}}
.xoh4_wm b{font-size:1.38rem;background:linear-gradient(95deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(1px 2px 0 color-mix(in srgb,var(--acc) 22%,transparent))}.xoh4_em{border-radius:12px;box-shadow:0 6px 16px color-mix(in srgb,var(--acc) 30%,transparent)}.xoh4_ft .xoh4_wm b{background:linear-gradient(95deg,#fff,color-mix(in srgb,var(--acc2) 60%,#fff));-webkit-background-clip:text;background-clip:text}