.fan-sec{position:relative;padding:0 0 50px;overflow:hidden}
.fan-head{position:relative;text-align:center;padding:10px 0 0;height:190px;perspective:900px}
.fan-bar{position:absolute;left:50%;top:0;width:84px;height:140px;margin-left:-42px;background:#0b4fc2;opacity:.92}
.fan-big{position:relative;margin:0;padding-top:34px;font:400 clamp(54px,11vw,130px)/1 Anton,Impact,sans-serif;letter-spacing:.02em;color:#0f1b3d;text-transform:uppercase;white-space:nowrap}
.fan-sub{display:flex;justify-content:space-between;max-width:900px;margin:6px auto 0;padding:0 20px;font:700 10px Inter,sans-serif;letter-spacing:.2em;color:#0f1b3d;opacity:.7}
.fan{position:relative;height:470px;max-width:1100px;margin:10px auto 0;overflow:hidden;touch-action:pan-y;user-select:none;outline:0;--R:760px;--w:250px;--h:330px}
.fan-card{position:absolute;left:50%;bottom:24px;width:var(--w);height:var(--h);margin-left:calc(var(--w)/-2);transform-origin:50% calc(100% + var(--R));border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(10,30,70,.25);overflow:hidden;cursor:pointer;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;will-change:transform;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.fan-card.off{display:none}
.fc-art{position:relative;flex:1;display:grid;place-items:center;background:var(--g);overflow:hidden}
.fc-art .pf-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(16px) saturate(1.2);opacity:.6}
.fc-art img{position:relative;z-index:2;width:128px;height:128px;object-fit:cover;border-radius:18px;border:4px solid #fff;box-shadow:0 12px 26px rgba(0,0,0,.28);transition:transform .4s}
.fan-card.on .fc-art img{transform:scale(1.06) rotate(-2deg)}
.fc-name{display:none;position:relative;z-index:2;color:#fff;font:900 22px/1.1 Inter,sans-serif;text-align:center;padding:0 12px}
.fc-art.nologo .fc-name{display:block}.fc-art.nologo .pf-bg{display:none}
.fc-foot{padding:12px 16px 14px;background:#fff}
.fc-foot small{display:inline-block;background:#0b4fc2;color:#fff;font:800 9px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border-radius:4px}
.fc-foot b{display:block;margin-top:7px;font:800 15px/1.2 Inter,sans-serif;color:#0f1b3d}
.fc-cta .fc-art{background:linear-gradient(135deg,#0b4fc2,#5fc4f0);color:#fff;text-align:center;align-content:center;padding:20px}
.fc-cta .fc-plus{font:300 70px/1 Inter,sans-serif}
.fc-cta h3{margin:6px 0 0;font:900 20px/1.15 Inter,sans-serif;color:#fff}
.fan-ui{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px}
.fan-ui button{width:46px;height:46px;border-radius:50%;border:2px solid #0f1b3d;background:#fff;color:#0f1b3d;font-size:18px;cursor:pointer;transition:.25s}
.fan-ui button:hover{background:#0b4fc2;border-color:#0b4fc2;color:#fff;transform:scale(1.1)}
.fan-info{text-align:center;max-width:520px;min-height:130px;padding:0 20px}
.fan-info.swap{animation:fanIn .5s}
@keyframes fanIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fan-info h3{margin:0;font:900 22px Inter,sans-serif;color:#0f1b3d}
.fan-info p{margin:6px 0 10px;color:#4b5876;font:500 14px/1.5 Inter,sans-serif}
.fan-info .ch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fan-info .ch span{border:1px solid #0b4fc2;color:#0b4fc2;font:700 11px Inter,sans-serif;padding:5px 12px;border-radius:999px;background:#fff}
.fan-info a{display:inline-block;margin-top:6px;font:800 12px Inter,sans-serif;letter-spacing:.12em;color:#0b4fc2}
@media(max-width:700px){.fan{height:372px;--R:520px;--w:180px;--h:262px}.fc-art img{width:96px;height:96px}.fan-head{height:120px}.fan-bar{width:60px;height:110px;margin-left:-30px}.fan-big{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.fan-big i{animation:none!important}.fan-card{transition:none}}

.fan-big i{display:inline-block;font-style:normal;animation:flipF 3.8s cubic-bezier(.65,0,.3,1) infinite;animation-delay:calc(var(--i)*.13s)}
.fan-ghost{position:absolute;left:0;right:0;top:72px;padding:0;margin:0;color:transparent;-webkit-text-stroke:1.5px rgba(15,27,61,.4);transform:scaleY(-.6);transform-origin:50% 0;pointer-events:none;opacity:.7}
.fan-ghost i{animation-name:flipB}
@keyframes flipF{0%,12%{transform:rotateX(0) skewX(0)}38%{transform:rotateX(180deg) skewX(-14deg) scale(1.08)}65%,100%{transform:rotateX(360deg) skewX(0) scale(1)}}
@keyframes flipB{0%,12%{transform:rotateX(0) skewX(0)}38%{transform:rotateX(-180deg) skewX(14deg) scale(1.08)}65%,100%{transform:rotateX(-360deg) skewX(0) scale(1)}}
@media(max-width:700px){.fan-head{height:150px}.fan-ghost{top:52px}}

.fan-card{background:#fff;border-radius:28px;box-shadow:0 22px 46px rgba(40,70,130,.17);align-items:center;text-align:center;padding:26px 20px 22px;border:1px solid rgba(255,255,255,.9)}
.fc-circle{flex:none;width:112px;height:112px;border-radius:50%;background:var(--bg);display:grid;place-items:center;overflow:hidden;transition:transform .4s}
.fc-circle img{width:92px;height:92px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.fc-circle b{font:900 44px Inter,sans-serif;color:#0f1b3d}
.fc-plus{font:300 64px/1 Inter,sans-serif;font-style:normal;color:#5b3fb8}
.fan-card.on .fc-circle{transform:scale(1.08)}
.fan-card h3{margin:20px 0 0;font:700 20px/1.2 Inter,sans-serif;color:#262a36}
.fan-card p{margin:10px 0 0;font:400 14px/1.45 Inter,sans-serif;color:#555b6b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fc-pill{margin-top:auto;background:var(--bg);color:var(--tx);font:700 12px Inter,sans-serif;padding:7px 18px;border-radius:999px}
@media(max-width:700px){.fc-circle{width:84px;height:84px}.fc-circle img{width:68px;height:68px}.fan-card{padding:18px 14px 16px}.fan-card h3{font-size:16px;margin-top:14px}.fan-card p{font-size:12px}}

.fan-bar,.fan-ghost{display:none!important}
.fan-head{height:150px}
.fan-big{padding-top:10px}
@media(max-width:700px){.fan-head{height:110px}}