#cn-stories{display:flex;gap:20px;justify-content:center}.cn-story button{all:unset;cursor:pointer;width:120px;text-align:center}.cn-story figure{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center}.cn-story figure img{width:104px;height:104px;border-radius:50%;-o-object-fit:cover;object-fit:cover;z-index:2}.cn-story figure .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#3ec8c4, #ff8d00, #ff8d00, #3ec8c4);-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.cn-story figure::after{content:"";position:absolute;width:108px;height:108px;background:#fff;border-radius:50%;z-index:1}.cn-story figure .story-tag{position:absolute;bottom:-10px;background:#292828;color:#fff;padding:3px 8px;font-size:11px;border-radius:14px;z-index:3}.cn-story p{margin-top:8px;font-size:13px;min-height:32px;overflow:hidden;text-overflow:ellipsis}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}

#cn-stories{width:100%;overflow:hidden}.stories-track{display:flex;gap:12px}@media (max-width: 768px){.stories-track{overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 10px}.cn-story{scroll-snap-align:start;min-width:calc(100% / 3 - 8px)}}.cn-story-modal{position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:9999;display:flex;align-items:center;justify-content:center}.story-dots{position:absolute;top:14px;display:flex;gap:6px;z-index:20}.story-dots span{width:18px;height:4px;background:rgba(255,255,255,0.3);border-radius:4px;transition:.3s}.story-dots span.active{background:#fff;width:26px}.story-track{display:flex;align-items:center;gap:28px}.story-slide{width:220px;height:390px;border-radius:16px;overflow:hidden;transition:all .35s ease;pointer-events:none}.story-slide img,.story-slide iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:none}.story-slide.side{opacity:.35;transform:scale(0.85)}.story-slide.active{width:360px;height:640px;opacity:1;transform:scale(1);box-shadow:0 0 40px rgba(0,0,0,0.6);pointer-events:auto}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;background:none;border:none;color:#fff;font-size:40px;border-radius:50%;padding:8px 16px;cursor:pointer}.arrow.left{left:12px}.arrow.right{right:12px}.arrow:disabled{opacity:.2}.close{position:absolute;top:16px;right:16px;z-index:30;background:none !important;border:none;color:#fff !important;font-size:28px;cursor:pointer}@media (max-width: 768px){.story-slide.active{width:280px;height:500px}.story-slide{width:160px;height:280px}}