.mobile-social-responsibility{padding-top:56px;min-height:100vh;background:linear-gradient(180deg,#f8f9fa,#fff);padding-bottom:60px}.mobile-social-container{padding:0 16px}.mobile-social-banner{width:100%;height:200px;overflow:hidden;position:relative;margin-bottom:20px}.mobile-social-banner__image{width:100%;height:100%;object-fit:cover;display:block}.mobile-social-banner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,90,214,.6),rgba(0,90,214,.3));pointer-events:none}.mobile-social-banner__content{position:absolute;top:20px;left:20px;text-align:left;z-index:1}.mobile-social-banner__title{font-size:24px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin:0 0 4px 0;line-height:1.2}.mobile-social-banner__subtitle{font-size:13px;font-weight:400;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);letter-spacing:1px;margin:0;white-space:nowrap}.mobile-social-list{padding:0}.mobile-social-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden;transition:all .3s ease;cursor:pointer}.mobile-social-card:active{transform:translateY(2px);box-shadow:0 4px 16px rgba(0,90,214,.15)}.mobile-social-card__image-wrapper{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f7ff,#e5f0ff)}.mobile-social-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mobile-social-card:active .mobile-social-card__image{transform:scale(1.05)}.mobile-social-card__image-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;opacity:.3}.mobile-social-card__info{padding:16px}.mobile-social-card__title{font-size:16px;font-weight:600;color:#1e1e1e;line-height:1.5;margin:0 0 12px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:48px}.mobile-social-card__date{font-size:13px;color:#999;display:flex;align-items:center;line-height:1.4}.mobile-social-card__date:before{content:"";width:16px;height:16px;margin-right:6px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;flex-shrink:0}.mobile-social-loadmore{text-align:center;padding:20px 0 32px}.mobile-social-loadmore__button{background:#fff;color:#005ad6;border:2px solid #005ad6;border-radius:24px;padding:12px 40px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.mobile-social-loadmore__button:active{background:linear-gradient(135deg,#005ad6,#0073ff);color:#fff;transform:translateY(2px)}.mobile-social-loadmore__button:disabled{background:#f5f5f5;color:#ccc;border-color:#e0e0e0;cursor:not-allowed}.mobile-social-loadmore__button:disabled:active{transform:none;background:#f5f5f5;color:#ccc}.mobile-social-loadmore__text{font-size:14px;color:#999;margin-top:12px}.mobile-social-loading{text-align:center;padding:40px 20px;color:#005ad6}.mobile-social-loading__spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(0,90,214,.2);border-top-color:#005ad6;border-radius:50%;animation:mobile-social-spin .8s linear infinite}@keyframes mobile-social-spin{to{transform:rotate(1turn)}}.mobile-social-loading__text{margin-top:16px;font-size:14px}.mobile-social-empty{text-align:center;padding:60px 20px;color:#999}.mobile-social-empty__icon{font-size:64px;margin-bottom:16px;opacity:.3}.mobile-social-empty__text{font-size:15px;line-height:1.6}.mobile-social-empty__subtext{font-size:13px;color:#ccc;margin-top:8px}@media (max-width:375px){.mobile-social-card__title{font-size:15px}.mobile-social-card__date{font-size:12px}.mobile-social-card__info{padding:12px}}@media (min-width:768px){.mobile-social-container{max-width:750px;margin:0 auto}.mobile-social-banner{height:250px}.mobile-social-card{margin-bottom:24px}.mobile-social-card__title{font-size:18px}.mobile-social-card__date{font-size:14px}}