.oxh-sd-chip{transform-box:fill-box;transform-origin:center} .oxh-sd-chip.is-3{opacity:.42} .oxh-sd-star{fill:#ffd27a;transform-box:fill-box;transform-origin:center} .oxh-sd-star.is-4{fill:rgba(255,210,122,.3)} .oxh-sd-flat{fill:none;stroke:rgba(255,255,255,.34);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 4} .oxh-sd-hot{fill:rgba(255,138,80,.14)} @media (min-width:1001px){ .oxs-split{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:end} .oxs-split-copy{max-width:640px;padding-bottom:6px} } .oxs-strip{position:relative;width:min(100%,560px);margin-top:6px;padding:16px 22px 12px 6px} .oxs-strip-glow{position:absolute;inset:16% 2% 0 12%;z-index:0;border-radius:40px; background:radial-gradient(60% 70% at 25% 40%,rgba(255,138,80,.34),transparent 70%),radial-gradient(60% 70% at 85% 70%,rgba(124,58,237,.28),transparent 70%); filter:blur(24px)} .oxs-strip-card{position:relative;z-index:1;display:grid;gap:10px;padding:12px;border-radius:24px;background:#fff;border:1px solid var(--oxh-line); box-shadow:0 2px 0 rgba(11,11,12,.03),0 34px 70px -40px rgba(50,20,90,.5);transform:rotate(-1.2deg)} .oxs-strip-top{display:flex;align-items:center;gap:14px} .oxs-prof-ava{position:relative;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center; background:conic-gradient(from 0deg,#ff8a50,#e4589a,#7c3aed,#ff8a50)} .oxs-prof-ava i{width:40px;height:40px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,#1c1424,#3a2350)} .oxs-strip-name{flex:none;display:grid;gap:6px;width:clamp(56px,6vw,96px)} .oxs-strip-name b{height:9px;border-radius:5px;background:var(--oxh-ink)} .oxs-strip-name i{width:72%;height:6px;border-radius:3px;background:#e2e0da} .oxs-prof-stats{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .oxs-prof-stats span{display:grid;justify-items:center;gap:6px} .oxs-prof-stats b{font-size:15.4px;font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--oxh-ink)} .oxs-prof-stats b::before{content:attr(data-n)} .oxs-prof-stats i{width:34px;height:5px;border-radius:3px;background:#dcdad4} .oxs-strip-btn{flex:none;width:clamp(54px,5vw,78px);height:30px;border-radius:10px;background:linear-gradient(110deg,#ff8a50,#e4589a 55%,#7c3aed)} .oxs-strip-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} .oxs-strip-post{position:relative;aspect-ratio:5/4;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,#ffd9c2,#ffb3cf)} .oxs-strip-post:nth-child(2n){background:linear-gradient(150deg,#e9ddff,#c9b0ff)} .oxs-strip-post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-note{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:15px;background:#fff; border:1px solid var(--oxh-line);box-shadow:0 24px 44px -26px rgba(50,20,90,.55)} .oxs-note svg{width:19px;height:19px;fill:#ff5a8a} .oxs-note i{width:34px;height:6px;border-radius:3px;background:#dedcd6} .oxs-note.is-like{top:2px;left:-6px} .oxs-note.is-follow{bottom:-4px;right:2px} .oxs-note.is-follow svg{fill:none;stroke:#DD6E3E;stroke-width:2;stroke-linecap:round} .oxs-burst{position:absolute;z-index:2;top:-30px;left:30px;width:30px;height:60px;pointer-events:none} .oxs-burst i{position:absolute;left:0;bottom:0;width:16px;height:16px} .oxs-burst i:nth-child(2){left:12px;width:12px;height:12px} .oxs-burst i:nth-child(3){left:4px;width:10px;height:10px} .oxs-burst svg{width:100%;height:100%;fill:#ff6aa2} .oxs-burst i:nth-child(2) svg{fill:#ffb489} .oxs-burst i:nth-child(3) svg{fill:#a985ff} .oxs-facts{position:relative;isolation:isolate;margin:clamp(36px,4vw,56px) 0 0;padding:6px clamp(20px,2.6vw,40px);display:grid; grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3.4vw,56px);border-radius:30px;background:#fff;border:1px solid var(--oxh-line); box-shadow:0 1px 0 rgba(11,11,12,.03),0 50px 100px -64px rgba(50,20,90,.45)} .oxs-facts::before{content:'';position:absolute;inset:0 0 auto;height:4px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,#ff8a50,#e4589a 50%,#7c3aed)} .oxs-fact{display:grid;grid-template-columns:minmax(0,224px) minmax(0,1fr);column-gap:20px;align-items:baseline;padding:20px 0;border-top:1px solid var(--oxh-line)} .oxs-fact:nth-child(-n+2){border-top:0} .oxs-fact dt{display:flex;align-items:center;gap:12px;margin:0;font-size:16.4px;font-weight:600;line-height:1.3;letter-spacing:-.006em;color:var(--oxh-ink)} .oxs-fact-l{align-self:baseline} .oxs-fact-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--oxh-ink);color:#fff;transform:translateY(2px); transition:background-color .35s ease,box-shadow .35s ease} .oxs-fact-ic svg{width:16px;height:16px} .oxs-fact:hover .oxs-fact-ic{background:linear-gradient(135deg,var(--oxh-acc),#e4589a 60%,#7c3aed);box-shadow:0 10px 24px -8px rgba(221,110,62,.7)} .oxs-fact dd{margin:0;font-size:17.4px;line-height:1.52;color:var(--oxh-body)} @media (max-width:1100px){.oxs-fact{grid-template-columns:minmax(0,184px) minmax(0,1fr)}} @media (max-width:860px){ .oxs-facts{grid-template-columns:minmax(0,1fr)} .oxs-fact:nth-child(2){border-top:1px solid var(--oxh-line)} } @media (max-width:620px){ .oxs-facts{padding:4px 18px;border-radius:22px} .oxs-fact{grid-template-columns:minmax(0,1fr);row-gap:6px;padding:16px 0} .oxs-fact dd{padding-inline-start:44px;font-size:16.8px} .oxs-strip{padding:16px 10px 12px 4px} .oxs-strip-name,.oxs-strip-btn{display:none} } .oxs-starts{list-style:none;margin:clamp(36px,4vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .oxs-start{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);border-radius:32px;background:#fff;border:1px solid var(--oxh-line); overflow:hidden;box-shadow:0 1px 0 rgba(11,11,12,.03),0 40px 80px -56px rgba(50,20,90,.5);transition:transform .5s var(--oxh-ease),box-shadow .5s ease} .oxs-start:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(11,11,12,.03),0 40px 80px -44px rgba(221,110,62,.45)} .oxs-start-rim{position:absolute;z-index:3;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:.5; background:conic-gradient(from var(--oxh-rim2,0deg),transparent 0 62%,#ff8a50 74%,#e4589a 84%,#7c3aed 93%,transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transition:opacity .4s ease} .oxs-start:hover .oxs-start-rim{opacity:1} .oxs-start-art{position:relative;display:grid;place-items:center;min-height:clamp(260px,23vw,320px);overflow:hidden;border-right:1px solid var(--oxh-line); background:radial-gradient(rgba(11,11,12,.07) 1px,transparent 1.4px) 0 0/16px 16px,radial-gradient(70% 90% at 30% 20%,#ffe3d2,transparent 70%),linear-gradient(160deg,#fff4ec,#ffe9f1)} .oxs-start-art.is-existing{background:radial-gradient(rgba(11,11,12,.07) 1px,transparent 1.4px) 0 0/16px 16px,radial-gradient(70% 90% at 70% 20%,#ece3ff,transparent 70%),linear-gradient(160deg,#f6f2ff,#ffeef6)} .oxs-mini{position:relative;z-index:1;display:grid;gap:10px;width:min(80%,240px);padding:14px;border-radius:20px;background:#fff;border:1px solid var(--oxh-line); box-shadow:0 30px 60px -34px rgba(50,20,90,.5)} .oxs-mini-top{display:flex;align-items:center;gap:12px} .oxs-mini-ava{flex:none;width:40px;height:40px;border-radius:50%;border:2px dashed #d6d3cc} .oxs-mini-ava.is-full{border:0;background:conic-gradient(from 0deg,#ff8a50,#e4589a,#7c3aed,#ff8a50);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 20px #2a1b38} .oxs-mini-bio{flex:1;display:grid;gap:5px} .oxs-mini-bio b{width:60%;height:8px;border-radius:4px;background:var(--oxh-ink);transform-origin:0 50%} .oxs-mini-bio i{width:90%;height:5px;border-radius:3px;background:#e2e0da;transform-origin:0 50%} .oxs-mini-bio i+i{width:66%} .oxs-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} .oxs-mini-grid i{position:relative;aspect-ratio:1;border-radius:7px;background:linear-gradient(150deg,#ffb489,#ff6aa2);overflow:hidden} .oxs-mini-grid i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-mini-grid i.is-next{background:none;border:2px dashed #d6d3cc} .oxs-mini-grid i:nth-child(2n){background:linear-gradient(150deg,#c9b0ff,#7c3aed)} .oxs-mini-grid i:nth-child(3n){background:linear-gradient(150deg,#ffd0b4,#DD6E3E)} .oxs-mini-grid.is-full i{background:#ece9f4} .oxs-mini-grid.is-full i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-mini-grid.is-full i::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,10,40,.45),transparent 60%)} .oxs-mini-grid.is-full i b{position:absolute;z-index:1;left:12%;right:12%;bottom:6%;height:calc(var(--h) * .34);border-radius:3px;background:rgba(255,255,255,.72)} .oxs-mini-grid.is-full i.is-best{background:linear-gradient(150deg,#ffb489,#e4589a 60%,#7c3aed);box-shadow:0 12px 22px -10px rgba(228,88,154,.8);transform:scale(1.08)} .oxs-mini-grid.is-full i.is-best{box-shadow:0 0 0 2px #fff,0 0 0 4px #e4589a,0 12px 22px -10px rgba(228,88,154,.8)} .oxs-mini-grid.is-full i.is-best b{background:linear-gradient(0deg,#ff8a50,#ffd0b4)} .oxs-start-ok,.oxs-start-up{position:absolute;z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%; box-shadow:0 18px 34px -16px rgba(50,20,90,.6)} .oxs-start-ok{right:14%;top:16%;background:#16a34a} .oxs-start-up{right:13%;top:18%;background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed)} .oxs-start-ok svg,.oxs-start-up svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .oxs-lens{position:absolute;z-index:2;left:30%;top:52%;width:62px;height:62px;border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.4),rgba(255,255,255,.1) 70%);border:2px solid rgba(124,58,237,.6); box-shadow:0 10px 24px -10px rgba(50,20,90,.6),inset 0 0 0 4px rgba(255,255,255,.5)} .oxs-lens::after{content:'';position:absolute;right:-12px;bottom:-12px;width:18px;height:4px;border-radius:2px;background:rgba(124,58,237,.7);transform:rotate(45deg)} .oxs-start-copy{display:flex;flex-direction:column;gap:14px;padding:30px 32px 34px} .oxs-start-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px} .oxs-start-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff; background:linear-gradient(135deg,#ff8a50,#e4589a);box-shadow:0 14px 30px -12px rgba(228,88,154,.75)} .oxs-start.is-existing .oxs-start-ic{background:linear-gradient(135deg,#a985ff,#7c3aed);box-shadow:0 14px 30px -12px rgba(124,58,237,.7)} .oxs-start-ic svg{width:22px;height:22px} .oxs-start-n{font-family:var(--oxh-mono);font-size:15px;font-weight:600;letter-spacing:.12em;color:var(--oxh-mute)} .oxs-start h3{margin:0;font-size:22.1px;font-weight:600;line-height:1.25;letter-spacing:-.016em} .oxs-start p{margin:0;font-size:17.5px;line-height:1.64;color:var(--oxh-body)} @media (max-width:1260px){ .oxs-start{display:flex;flex-direction:column} .oxs-start-art{min-height:clamp(230px,24vw,280px);border-right:0;border-bottom:1px solid var(--oxh-line)} } @media (max-width:860px){.oxs-starts{grid-template-columns:minmax(0,1fr)}} @media (max-width:560px){ .oxs-start-copy{padding:24px 22px 28px} .oxs-start-art{min-height:262px} .oxs-mini{width:min(74%,230px)} } .oxs-results{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:16px;align-items:stretch;margin-top:clamp(36px,4vw,60px)} .oxs-points{display:grid;grid-auto-rows:1fr;gap:16px} .oxs-point{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px 30px 30px; border-radius:28px;background:#fff;border:1px solid var(--oxh-line);box-shadow:0 1px 0 rgba(11,11,12,.03),0 34px 70px -52px rgba(50,20,90,.5)} .oxs-point::before{content:'';position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ff8a50,#e4589a)} .oxs-point.is-2::before{background:linear-gradient(180deg,#e4589a,#7c3aed)} .oxs-point::after{content:'';position:absolute;z-index:-1;right:-18%;top:-40%;width:60%;height:80%;border-radius:50%;filter:blur(40px);pointer-events:none; background:radial-gradient(closest-side,rgba(255,138,80,.16),transparent)} .oxs-point.is-2::after{background:radial-gradient(closest-side,rgba(124,58,237,.14),transparent)} .oxs-point .oxh-p{font-size:17.8px;line-height:1.66} .oxs-point-art{display:flex;align-items:center} .oxs-point-post{position:relative;flex:none;width:clamp(64px,5.4vw,78px);aspect-ratio:4/5;border-radius:13px;overflow:hidden;background:#ece9f4;border:3px solid #fff; box-shadow:0 16px 30px -16px rgba(20,10,40,.6)} .oxs-point-post+.oxs-point-post{margin-left:-16px} .oxs-point-post:nth-child(1){rotate:-7deg} .oxs-point-post:nth-child(2){z-index:1;margin-top:-10px} .oxs-point-post:nth-child(3){rotate:7deg} .oxs-point-post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-point-art.is-2{gap:8px;align-items:flex-end;height:58px;padding:0 4px} .oxs-point-bar{position:relative;display:flex;align-items:flex-end;width:22px;height:100%;border-radius:7px;background:#f3f1ec;overflow:hidden} .oxs-point-bar i{display:block;width:100%;height:var(--h);border-radius:7px;background:linear-gradient(180deg,#a985ff,#7c3aed);transform-origin:50% 100%} .oxs-point-bar:nth-child(2) i{background:linear-gradient(180deg,#ffb489,#ff8a50)} .oxs-point-bar:nth-child(3) i{background:linear-gradient(180deg,#ff8ab8,#e4589a)} .oxs-point-bar:nth-child(4) i{background:linear-gradient(180deg,#8f6bff,#4c1d95)} .oxs-board{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:clamp(16px,1.8vw,24px);border-radius:32px;color:#fff; background:radial-gradient(60% 50% at 85% 0%,rgba(228,88,154,.22),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(221,110,62,.2),transparent 70%),linear-gradient(165deg,#17121f,#0a0910 62%); box-shadow:0 70px 130px -70px rgba(50,20,90,.75),inset 0 1px 0 rgba(255,255,255,.08)} .oxs-board-rim{position:absolute;z-index:-1;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:.85; background:conic-gradient(from var(--oxh-rim2,0deg),transparent 0 58%,#ff8a50 72%,#e4589a 84%,#7c3aed 94%,transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)} .oxs-board-art{position:relative;padding:14px 16px 0;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)} .oxs-board-chrome{display:flex;align-items:center;gap:6px;margin-bottom:10px} .oxs-board-chrome i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)} .oxs-board-chrome i:first-child{background:#ff7a6b} .oxs-board-chrome i:nth-child(2){background:#ffc46b} .oxs-board-chrome i:nth-child(3){background:#5fd38d} .oxs-board-chrome b{margin-left:10px;width:30%;height:8px;border-radius:4px;background:rgba(255,255,255,.14)} .oxs-board-live{margin-left:auto;margin-right:112px;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.2)} .oxs-board-chart{display:block;width:100%;height:auto;aspect-ratio:400/120;overflow:visible} .oxs-board-grid{fill:none;stroke:rgba(255,255,255,.08);stroke-dasharray:3 6;vector-effect:non-scaling-stroke} .oxs-board-line{fill:none;stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke} .oxs-board-dot{fill:#fff;filter:drop-shadow(0 0 6px rgba(255,170,140,.95))} .oxs-board-posts{position:absolute;z-index:2;top:-38px;right:-16px;display:flex;align-items:flex-start} .oxs-board-post{position:relative;flex:none;width:clamp(58px,5.4vw,78px);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#d9d6cf; border:3px solid #fff;box-shadow:0 26px 44px -20px rgba(20,10,40,.85)} .oxs-board-post.is-1{rotate:-8deg;margin-top:12px} .oxs-board-post.is-2{z-index:1;margin-left:-16px;rotate:3deg} .oxs-board-post.is-3{margin-left:-16px;rotate:10deg;margin-top:16px} .oxs-board-post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-board-heart{position:absolute;left:5px;bottom:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)} .oxs-board-heart svg{width:11px;height:11px;fill:#ff4f8b} .oxs-board-stats{flex:1;list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .oxs-stat{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;border-radius:20px;background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);transition:transform .5s var(--oxh-ease),border-color .4s ease,background-color .4s ease} .oxs-stat:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.08)} .oxs-stat-v{font-size:clamp(36px,3.3vw,50px);font-weight:600;line-height:1;letter-spacing:-.034em;color:#fff; background:linear-gradient(120deg,#fff 35%,#ffc3a4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .oxs-stat.is-2 .oxs-stat-v{background-image:linear-gradient(120deg,#fff 35%,#ffaed0)} .oxs-stat.is-3 .oxs-stat-v{background-image:linear-gradient(120deg,#fff 35%,#cbb4ff)} .oxs-stat.is-4 .oxs-stat-v{background-image:linear-gradient(120deg,#fff 35%,#ffd9a8)} .oxs-stat-l{font-size:17px;line-height:1.45;color:rgba(255,255,255,.95)} .oxs-stat-bar{margin-top:auto;height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden} .oxs-stat-bar i{display:block;height:100%;width:88%;border-radius:2px;background:linear-gradient(90deg,#ff8a50,#e4589a 55%,#7c3aed);transform-origin:0 50%} .oxs-stat.is-2 .oxs-stat-bar i{width:74%} .oxs-stat.is-3 .oxs-stat-bar i{width:66%} .oxs-stat.is-4 .oxs-stat-bar i{width:80%} @media (max-width:1100px){ .oxs-results{grid-template-columns:minmax(0,1fr)} .oxs-points{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto} } @media (max-width:720px){.oxs-points{grid-template-columns:minmax(0,1fr)}} @media (max-width:560px){ .oxs-point{padding:22px 22px 24px;gap:18px} .oxs-board{border-radius:26px} .oxs-board-posts{top:-30px;right:-6px} .oxs-board-live{margin-right:84px} .oxs-board-stats{gap:8px} .oxs-stat{padding:14px 14px 16px;border-radius:16px} .oxs-stat-v{font-size:31px} .oxs-stat-l{font-size:15.6px} } .oxs-plat-card{position:relative;isolation:isolate;margin-top:clamp(36px,4vw,60px);padding:clamp(6px,1vw,12px) clamp(16px,2.2vw,32px);border-radius:30px; background:#fff;border:1px solid var(--oxh-line);box-shadow:0 1px 0 rgba(11,11,12,.03),0 60px 120px -70px rgba(50,20,90,.45)} .oxs-plat-card::before{content:'';position:absolute;inset:0 0 auto;height:4px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,#ff8a50,#e4589a 50%,#7c3aed)} .oxs-plat-rim{position:absolute;z-index:-1;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:.45; background:conic-gradient(from var(--oxh-rim2,0deg),transparent 0 62%,#ff8a50 74%,#e4589a 84%,#7c3aed 93%,transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)} .oxs-plat{width:100%;border-collapse:collapse} .oxs-plat thead th{padding:20px 18px 14px 0;text-align:start;vertical-align:bottom;font-family:var(--oxh-mono);font-size:13.4px;font-weight:500;letter-spacing:.08em;color:var(--oxh-mute)} .oxs-plat thead th:first-child{width:24%} .oxs-plat thead th:nth-child(2){width:19%} .oxs-plat thead th:nth-child(3){width:30%} .oxs-plat tbody tr{border-top:1px solid var(--oxh-line);transition:background-color .35s ease} .oxs-plat tbody tr:hover{background:linear-gradient(90deg,rgba(255,138,80,.07),rgba(124,58,237,.05))} .oxs-plat tbody th,.oxs-plat td{padding:22px 18px 22px 0;text-align:start;vertical-align:middle;font-weight:400} .oxs-plat-who{display:flex;align-items:center;gap:18px} .oxs-plat-name{font-size:20.4px;font-weight:600;line-height:1.2;letter-spacing:-.016em;color:var(--oxh-ink)} .oxs-plat-aud b{display:block;font-size:19.4px;font-weight:600;line-height:1.25;letter-spacing:-.012em;color:var(--oxh-ink)} .oxs-plat-meter{display:block;width:min(170px,100%);height:6px;margin-top:10px;border-radius:3px;background:#efede8;overflow:hidden} .oxs-plat-meter i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,#ff8a50,#e4589a 60%,#7c3aed);transform-origin:0 50%} .oxs-plat td{font-size:16.8px;line-height:1.55;color:var(--oxh-body)} .oxs-shot{position:relative;flex:none;display:flex;flex-direction:column;gap:4px;width:86px;padding:6px;border-radius:14px;background:#fff; border:1px solid var(--oxh-line);box-shadow:0 18px 30px -18px rgba(50,20,90,.55);rotate:-3deg;transition:rotate .5s var(--oxh-ease),translate .5s var(--oxh-ease),box-shadow .5s ease} .oxs-plat tbody tr:nth-child(2n) .oxs-shot{rotate:3deg} .oxs-plat tbody tr:hover .oxs-shot{rotate:0deg;translate:0 -4px;box-shadow:0 26px 40px -20px rgba(221,110,62,.55)} .oxs-shot-top{display:flex;align-items:center;gap:4px} .oxs-shot-top i{flex:none;width:12px;height:12px;border-radius:50%;background:conic-gradient(#ff8a50,#e4589a,#7c3aed,#ff8a50)} .oxs-shot-top b{flex:1;height:4px;border-radius:2px;background:#dedcd6} .oxs-shot-txt{display:grid;gap:3px} .oxs-shot-txt i{height:3px;border-radius:2px;background:#e3e1db} .oxs-shot-txt i+i{width:70%} .oxs-shot-pic{position:relative;display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#e9e6df} .oxs-shot-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-shot.is-fb .oxs-shot-pic,.oxs-shot.is-li .oxs-shot-pic{aspect-ratio:4/3} .oxs-shot-bar{display:flex;align-items:center;gap:4px} .oxs-shot-bar svg{width:10px;height:10px;fill:#ff4f8b} .oxs-shot-bar svg+svg{fill:#c9c6bf} .oxs-shot-bar i{flex:1;height:4px;border-radius:2px;background:#e8e6e0} .oxs-shot-react{display:flex;align-items:center} .oxs-shot-react i{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#ff8a50} .oxs-shot-react i+i{margin-left:-4px;background:#e4589a} .oxs-shot-react i+i+i{background:#7c3aed} .oxs-shot-react b{flex:1;height:4px;margin-left:6px;border-radius:2px;background:#e8e6e0} .oxs-shot.is-tt{padding:0;border-color:#0b0a10;background:#0b0a10;overflow:hidden} .oxs-shot.is-tt .oxs-shot-pic{aspect-ratio:9/14;border-radius:13px} .oxs-shot.is-tt .oxs-shot-pic::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%)} .oxs-shot-rail{position:absolute;z-index:1;right:5px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:6px} .oxs-shot-rail svg{width:12px;height:12px;fill:#fff} .oxs-shot-rail svg:first-child{fill:#ff4f8b} .oxs-shot-rail i{width:12px;height:12px;border-radius:50%;background:conic-gradient(#ff8a50,#e4589a,#7c3aed,#ff8a50)} .oxs-shot-cap{position:absolute;z-index:1;left:6px;right:24px;bottom:12px;display:grid;gap:3px} .oxs-shot-cap b{width:70%;height:4px;border-radius:2px;background:#fff} .oxs-shot-cap i{height:3px;border-radius:2px;background:rgba(255,255,255,.6)} .oxs-shot-prog{position:absolute;z-index:1;left:6px;right:6px;bottom:5px;height:2px;border-radius:1px;background:rgba(255,255,255,.3);overflow:hidden} .oxs-shot-prog i{display:block;width:62%;height:100%;background:#fff;transform-origin:0 50%} .oxs-shot-doc{position:absolute;left:6px;bottom:6px;display:flex;align-items:flex-end;gap:3px;width:42%;height:42%;padding:5px;border-radius:5px;background:rgba(255,255,255,.94);box-shadow:0 6px 12px -6px rgba(0,0,0,.5)} .oxs-shot-doc i{flex:1;height:40%;border-radius:2px;background:#c9b0ff} .oxs-shot-doc i:nth-child(2){height:70%;background:#e4589a} .oxs-shot-doc i:nth-child(3){height:100%;background:#ff8a50} @media (max-width:860px){ .oxs-plat thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .oxs-plat,.oxs-plat tbody,.oxs-plat tr,.oxs-plat tbody th,.oxs-plat td{display:block;width:auto} .oxs-plat tbody tr{padding:20px 0} .oxs-plat tbody tr:first-child{border-top:0} .oxs-plat tbody th,.oxs-plat td{padding:6px 0} .oxs-plat tbody th{padding-bottom:12px} .oxs-plat td::before{content:attr(data-h);display:block;margin-bottom:4px;font-family:var(--oxh-mono);font-size:12.6px;letter-spacing:.08em;color:var(--oxh-mute)} .oxs-plat-meter{width:min(240px,100%)} .oxs-shot{width:68px;padding:5px;border-radius:12px} } .oxs-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(36px,4vw,60px);align-items:stretch} .oxs-fit-side{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:#fff; border:1px solid var(--oxh-line);box-shadow:0 1px 0 rgba(11,11,12,.03),0 44px 90px -60px rgba(50,20,90,.5)} .oxs-fit-side.is-no{background:#fbfaf7} .oxs-fit-side.is-yes::before{content:'';position:absolute;z-index:2;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff8a50,#e4589a 50%,#7c3aed)} .oxs-fit-art{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(150px,12.4vw,186px);overflow:hidden;border-bottom:1px solid var(--oxh-line); background:radial-gradient(rgba(11,11,12,.07) 1px,transparent 1.4px) 0 0/16px 16px,radial-gradient(70% 100% at 30% 10%,#ffe3d2,transparent 70%),linear-gradient(160deg,#fff4ec,#ffe9f1)} .oxs-fit-art.is-no{background:radial-gradient(rgba(11,11,12,.07) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(160deg,#f6f5f1,#efede8)} .oxs-fit-post{position:relative;flex:none;width:clamp(74px,6.4vw,96px);aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#ece9f4; border:3px solid #fff;box-shadow:0 22px 40px -20px rgba(20,10,40,.7)} .oxs-fit-post+.oxs-fit-post{margin-left:-18px} .oxs-fit-post:nth-child(1){rotate:-8deg;margin-top:18px} .oxs-fit-post:nth-child(2){z-index:1;rotate:2deg} .oxs-fit-post:nth-child(3){rotate:9deg;margin-top:22px} .oxs-fit-post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .oxs-fit-post i{position:absolute;left:6px;bottom:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)} .oxs-fit-post i svg{width:12px;height:12px;fill:#ff4f8b} .oxs-fit-search{display:grid;gap:7px;width:min(78%,330px)} .oxs-fit-box{display:flex;align-items:center;gap:10px;height:38px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--oxh-line); box-shadow:0 14px 30px -22px rgba(11,11,12,.5)} .oxs-fit-box svg{flex:none;width:18px;height:18px;fill:none;stroke:#5a5b62;stroke-width:2;stroke-linecap:round} .oxs-fit-box b{width:46%;height:7px;border-radius:4px;background:#cfcdc6} .oxs-fit-hit{display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 10px;align-items:center;padding:8px 14px;border-radius:14px;background:#fff;border:1px solid var(--oxh-line)} .oxs-fit-hit i{grid-row:span 2;width:22px;height:22px;border-radius:7px;background:var(--oxh-ink)} .oxs-fit-hit b{height:6px;border-radius:3px;background:#e3e1db} .oxs-fit-hit b:first-of-type{width:72%;background:#8c8d94} .oxs-fit-hit.is-2{opacity:.62} .oxs-fit-top{display:flex;align-items:center;gap:16px;padding:28px 32px 10px} .oxs-fit-mark{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:16px} .oxs-fit-side.is-yes .oxs-fit-mark{background:linear-gradient(135deg,#ff8a50,#e4589a);color:#fff;box-shadow:0 12px 30px -10px rgba(228,88,154,.8)} .oxs-fit-side.is-no .oxs-fit-mark{background:#fff;color:#4a4c53;box-shadow:inset 0 0 0 1px rgba(11,11,12,.12)} .oxs-fit-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .oxs-fit-top h3{flex:1;margin:0;font-size:28.5px;font-weight:600;line-height:1.12;letter-spacing:-.02em} .oxs-fit-count{font-family:var(--oxh-mono);font-size:15px;font-weight:600;letter-spacing:.1em;color:var(--oxh-mute)} .oxs-fit-l{list-style:none;margin:0;padding:4px 32px 22px;display:grid} .oxs-fit-l li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--oxh-line); transition:transform .4s var(--oxh-ease)} .oxs-fit-l li:first-child{border-top:0} .oxs-fit-l li:hover{transform:translateX(4px)} .oxs-fit-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px} .oxs-fit-side.is-yes .oxs-fit-ic{background:linear-gradient(150deg,#fff1e8,#ffe4ef);color:#c2410c;box-shadow:inset 0 0 0 1px rgba(221,110,62,.26)} .oxs-fit-side.is-no .oxs-fit-ic{background:#fff;color:#55565c;box-shadow:inset 0 0 0 1px rgba(11,11,12,.1)} .oxs-fit-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .oxs-fit-t{font-size:19.1px;line-height:1.45;color:#232429} .oxs-fit-side.is-no .oxs-fit-t{color:#303137} @media (max-width:900px){.oxs-fit{grid-template-columns:minmax(0,1fr)}} @media (max-width:560px){ .oxs-fit-top{gap:12px;padding:22px 20px 6px} .oxs-fit-top h3{font-size:25.1px} .oxs-fit-mark{width:44px;height:44px;border-radius:14px} .oxs-fit-l{padding:2px 20px 16px} .oxs-fit-l li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0} .oxs-fit-ic{width:40px;height:40px;border-radius:12px} .oxs-fit-t{font-size:18.1px} } @media (prefers-reduced-motion:no-preference){ .oxh-sd-chip.is-1{animation:oxsBob 3.2s ease-in-out infinite} .oxh-sd-chip.is-2{animation:oxsBob 3.2s ease-in-out .6s infinite} .oxh-sd-star{animation:oxsStar 3.6s var(--oxh-ease) infinite} .oxh-sd-star.is-1{animation-delay:.15s} .oxh-sd-star.is-2{animation-delay:.3s} .oxh-sd-star.is-3{animation-delay:.45s} .oxh-sd-star.is-4{animation-delay:.6s} .oxs-prof-ava{animation:oxsTurn 7s linear infinite} .oxs-prof-ava i{animation:oxsTurnBack 7s linear infinite} .oxs-strip-btn{animation:oxsGlow 2.6s ease-in-out infinite} .oxs-strip-post{animation:oxsPost 7.2s var(--oxh-ease) infinite;animation-delay:calc(var(--i) * .3s)} .oxs-note.is-like{animation:oxsFloatA 5s ease-in-out infinite} .oxs-note.is-follow{animation:oxsFloatB 5.6s ease-in-out .8s infinite} .oxs-point-post:nth-child(2){animation:oxsBob 3.4s ease-in-out infinite} .oxs-point-bar i{animation:oxsGrow 6s var(--oxh-ease) infinite;animation-delay:calc(var(--i) * .2s)} .oxs-fit-post:nth-child(1){animation:oxsFloatA 5.4s ease-in-out infinite} .oxs-fit-post:nth-child(2){animation:oxsFloatB 6.2s ease-in-out infinite} .oxs-fit-post:nth-child(3){animation:oxsFloatA 5.8s ease-in-out .7s infinite} .oxs-fit-post i{animation:oxsBeat 2.4s ease-in-out infinite} .oxs-fit-hit{animation:oxsFill 6s var(--oxh-ease) infinite} .oxs-fit-hit.is-2{animation-delay:.4s} .oxs-fit-box b{transform-origin:0 50%;animation:oxsWrite 6s var(--oxh-ease) infinite} .oxs-burst i{animation:oxsRise 3.2s ease-out infinite} .oxs-burst i:nth-child(2){animation-delay:1.05s} .oxs-burst i:nth-child(3){animation-delay:2.1s} .oxs-start-rim{animation:oxsRim 10s linear infinite} .is-fresh .oxs-mini-bio b,.is-fresh .oxs-mini-bio i{animation:oxsWrite 6s var(--oxh-ease) infinite} .is-fresh .oxs-mini-bio i{animation-delay:.25s} .is-fresh .oxs-mini-bio i+i{animation-delay:.5s} .is-fresh .oxs-mini-grid i:not(.is-next){animation:oxsFill 6s var(--oxh-ease) infinite;animation-delay:calc(.6s + var(--i) * .35s)} .oxs-start-ok{animation:oxsOk 6s var(--oxh-ease) infinite} .oxs-lens{animation:oxsLens 6s ease-in-out infinite} .oxs-mini-grid.is-full i.is-best{animation:oxsBest 6s var(--oxh-ease) infinite} .oxs-start-up{animation:oxsUp 6s var(--oxh-ease) infinite} .oxs-board-rim{animation:oxsRim 10s linear infinite} .oxs-board-line{stroke-dasharray:1;animation:oxsDraw 8s var(--oxh-ease) infinite} .oxs-board-area{animation:oxsArea 8s var(--oxh-ease) infinite} .oxs-board-dot{animation:oxsBeat 1.8s ease-in-out infinite} .oxs-board-live{animation:oxsLive 2s ease-in-out infinite} .oxs-board-post.is-1{animation:oxsFloatA 5.4s ease-in-out infinite} .oxs-board-post.is-2{animation:oxsFloatB 6.2s ease-in-out infinite} .oxs-board-post.is-3{animation:oxsFloatA 5.8s ease-in-out .7s infinite} .oxs-board-heart{animation:oxsBeat 2.4s ease-in-out infinite} .oxs-stat-bar i{animation:oxsBar 8s var(--oxh-ease) infinite;animation-delay:calc(var(--i) * .25s)} .oxs-plat-rim{animation:oxsRim 12s linear infinite} .oxs-plat-meter i{animation:oxsBar 7s var(--oxh-ease) infinite;animation-delay:calc(var(--i) * .3s)} .oxs-shot.is-ig .oxs-shot-bar svg:first-child{animation:oxsBeat 2.2s ease-in-out infinite} .oxs-shot-prog i{animation:oxsProg 4.8s linear infinite} .oxs-shot-rail svg:first-child{animation:oxsBeat 2s ease-in-out infinite} .oxs-shot-react i{animation:oxsBob 3s ease-in-out infinite} .oxs-shot-react i+i{animation-delay:.3s} .oxs-shot-react i+i+i{animation-delay:.6s} .oxs-shot-doc i{animation:oxsGrow 5.6s var(--oxh-ease) infinite;transform-origin:50% 100%} } @keyframes oxsRim{to{--oxh-rim2:360deg}} @keyframes oxsTurn{to{rotate:360deg}} @keyframes oxsTurnBack{to{rotate:-360deg}} @keyframes oxsBob{0%,100%{translate:0 0}50%{translate:0 -3px}} @keyframes oxsBeat{0%,100%{scale:1}50%{scale:1.14}} @keyframes oxsGlow{0%,100%{box-shadow:0 0 0 0 rgba(228,88,154,0)}50%{box-shadow:0 0 0 6px rgba(228,88,154,.18)}} @keyframes oxsPost{0%,8%{scale:.86;opacity:.4}18%,100%{scale:1;opacity:1}} @keyframes oxsFloatA{0%,100%{translate:0 0}50%{translate:0 -10px}} @keyframes oxsFloatB{0%,100%{translate:0 0}50%{translate:0 9px}} @keyframes oxsRise{0%{translate:0 0;scale:.6;opacity:0}15%{opacity:1}100%{translate:0 -54px;scale:1.1;opacity:0}} @keyframes oxsDraw{0%{stroke-dashoffset:1}55%,100%{stroke-dashoffset:0}} @keyframes oxsStar{0%,20%{scale:.4;opacity:.2}34%{scale:1.25;opacity:1}46%,100%{scale:1;opacity:1}} @keyframes oxsWrite{0%,6%{scale:0 1}24%,100%{scale:1 1}} @keyframes oxsFill{0%,10%{scale:.6;opacity:.15}22%,100%{scale:1;opacity:1}} @keyframes oxsOk{0%,62%{scale:0}72%{scale:1.15}78%,100%{scale:1}} @keyframes oxsLens{0%,100%{translate:-40px -24px}35%{translate:24px -30px}70%{translate:40px 10px}} @keyframes oxsBest{0%,30%{transform:scale(1)}44%,100%{transform:scale(1.08)}} @keyframes oxsArea{0%,8%{opacity:0}40%,100%{opacity:1}} @keyframes oxsLive{0%,100%{box-shadow:0 0 0 4px rgba(52,211,153,.2)}50%{box-shadow:0 0 0 8px rgba(52,211,153,0)}} @keyframes oxsBar{0%,6%{scale:0 1}34%,100%{scale:1 1}} @keyframes oxsGrow{0%,6%{scale:1 0}34%,100%{scale:1 1}} @keyframes oxsProg{0%{scale:0 1}100%{scale:1 1}} @keyframes oxsUp{0%,36%{scale:0;translate:0 10px}48%{scale:1.12;translate:0 0}56%,100%{scale:1;translate:0 0}} .oxh-lit .oxs-prof-stats b{font-size:15.8px}.oxh-lit .oxs-fact dt{font-size:16.8px}.oxh-lit .oxs-fact dd{font-size:17.8px}@media (max-width:620px){.oxh-lit .oxs-fact dd{font-size:17.2px}}.oxh-lit .oxs-start-n{font-size:15.4px}.oxh-lit .oxs-start p{font-size:17.9px}.oxh-lit .oxs-point .oxh-p{font-size:18.2px}.oxh-lit .oxs-stat-v{font-size:clamp(36.4px,calc(3.3vw + 0.4px),50.4px)}.oxh-lit .oxs-stat-l{font-size:17.4px}@media (max-width:560px){.oxh-lit .oxs-stat-v{font-size:31.4px}.oxh-lit .oxs-stat-l{font-size:16px}}.oxh-lit .oxs-plat thead th{font-size:13.8px}.oxh-lit .oxs-plat-aud b{font-size:19.8px}.oxh-lit .oxs-plat td{font-size:17.2px}@media (max-width:860px){.oxh-lit .oxs-plat td::before{font-size:13px}}.oxh-lit .oxs-fit-count{font-size:15.4px}.oxh-lit .oxs-fit-t{font-size:19.5px}@media (max-width:560px){.oxh-lit .oxs-fit-t{font-size:18.5px}}.oxh-lit .oxs-stat-l{color:rgba(255,255,255,0.98)}.oxh-lit .oxs-fit-side.is-no .oxs-fit-mark{color:rgb(58,60,65)}.oxh-lit .oxs-fit-side.is-no .oxs-fit-ic{color:rgb(67,67,72)}