.xl-cases-toolbar{position:relative;z-index:2;background:#fff;border-bottom:1px solid rgba(29,29,31,.08);padding:28px 0}.xl-search-bar{display:flex;align-items:center;gap:12px;background:#f5f5f7;border-radius:16px;padding:14px 20px;max-width:640px}.xl-search-bar svg{width:20px;height:20px;flex-shrink:0;color:#86868b}.xl-search-bar input{flex:1;height:auto;padding:0;margin-bottom:0;text-transform:none;letter-spacing:normal;border:none;background:transparent;outline:none;font-size:15px;color:#1d1d1f;font-family:inherit}.xl-search-bar input::placeholder{color:#86868b}.xl-search-clear{border:none;background:transparent;cursor:pointer;color:#86868b;display:none;align-items:center;padding:0}.xl-search-clear.xl-visible{display:flex}.xl-search-clear svg{width:18px;height:18px}.xl-filter-row{display:flex;align-items:baseline;gap:18px;margin-top:18px}.xl-filter-row:first-of-type{margin-top:24px}.xl-filter-label{flex-shrink:0;width:44px;font-size:13px;color:#86868b}.xl-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto}.xl-filter-tabs--scroll{flex-wrap:nowrap;overflow-x:auto;min-width:0;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.xl-filter-tabs--scroll::-webkit-scrollbar{display:none}.xl-filter-tab{flex-shrink:0;border:1px solid rgba(29,29,31,.1);background:#fff;color:#1d1d1fa6;border-radius:100px;padding:7px 16px;font-size:13px;cursor:pointer;transition:.25s ease;white-space:nowrap}.xl-filter-tab:hover{border-color:#1d1d1f4d;color:#1d1d1f}.xl-filter-tab--active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.xl-filter-tab__flag{margin-right:4px}.xl-cases-section{background:#f5f5f7;padding:50px 0 100px;min-height:60vh}.xl-case-grid{column-count:3;column-gap:20px}@media screen and (max-width: 1200px){.xl-case-grid{column-count:2}}@media screen and (max-width: 640px){.xl-case-grid{column-count:1}}.xl-case-card{display:block;break-inside:avoid;margin-bottom:20px;background:#fff;border:1px solid rgba(29,29,31,.06);border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 1px 2px #1d1d1f0a;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s ease}.xl-case-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #1d1d1f1a}.xl-case-card__cover-wrap{position:relative;display:block;aspect-ratio:4 / 3;background:#f0f0f2}.xl-case-card__cover{width:100%;height:100%;object-fit:cover;display:block}.xl-case-card__multi-badge{position:absolute;right:10px;bottom:10px;background:#0000008c;color:#fff;font-size:11px;padding:3px 8px;border-radius:100px}.xl-case-card__body{display:block;padding:18px 20px 20px}.xl-case-card__school-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.xl-case-card__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#1d1d1f}.xl-case-card__school-info{min-width:0;display:flex;flex-direction:column}.xl-case-card__school-cn{font-size:15px;font-weight:500;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xl-case-card__school-en{font-size:12px;color:#86868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xl-case-card__meta-text{display:block;font-size:12px;color:#86868b;margin-bottom:8px}.xl-case-card__summary{display:block;font-size:13px;color:#1d1d1fb3;line-height:1.5;margin-bottom:12px;min-height:1em}.xl-case-card__footer{display:flex;align-items:center;justify-content:flex-end}.xl-case-card__stat{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#86868b}.xl-case-card__stat svg{width:15px;height:15px}.xl-case-card--compact{width:200px;flex-shrink:0}.xl-case-card--compact .xl-case-card__cover--compact{aspect-ratio:4 / 3;width:100%;object-fit:cover;border-radius:20px 20px 0 0}.xl-case-card--compact .xl-case-card__school-cn--compact,.xl-case-card--compact .xl-case-card__meta-text--compact{display:block;padding:0 14px}.xl-case-card--compact .xl-case-card__school-cn--compact{margin-top:12px;font-size:14px;font-weight:500;color:#1d1d1f}.xl-case-card--compact .xl-case-card__meta-text--compact{margin:4px 0 14px;font-size:12px;color:#86868b}.xl-cases-empty,.xl-cases-loading{text-align:center;padding:80px 20px;color:#86868b;font-size:14px}.xl-cases-loadmore{display:flex;justify-content:center;margin-top:30px}.xl-cases-loadmore-btn{border:1px solid rgba(29,29,31,.15);background:#fff;color:#1d1d1f;border-radius:100px;padding:12px 32px;font-size:14px;cursor:pointer;transition:.25s ease}.xl-cases-loadmore-btn:hover{border-color:#1d1d1f}.xl-cases-loadmore-btn:disabled{opacity:.5;cursor:default}.xl-cases-sentinel{height:1px}.xl-skeleton-grid{column-count:3;column-gap:20px}@media screen and (max-width: 1200px){.xl-skeleton-grid{column-count:2}}@media screen and (max-width: 640px){.xl-skeleton-grid{column-count:1}}.xl-skeleton-card{break-inside:avoid;margin-bottom:20px;height:320px;border-radius:20px;background:linear-gradient(100deg,#ececee 30%,#f7f7f8,#ececee 70%);background-size:300% 100%;animation:xlShine 1.6s ease-in-out infinite}@keyframes xlShine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.xl-skeleton-card{animation:none}}.xl-case-detail-gallery{position:relative;background:#0b0b0d}.xl-case-detail-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.xl-case-detail-gallery__track::-webkit-scrollbar{display:none}.xl-case-detail-gallery__track img{flex:0 0 100%;scroll-snap-align:start;width:100%;aspect-ratio:16 / 10;object-fit:cover;cursor:zoom-in}.xl-case-detail-gallery__count{position:absolute;right:16px;bottom:16px;background:#0000008c;color:#fff;font-size:12px;padding:4px 12px;border-radius:100px}.xl-case-detail-header{background:#fff;padding:32px 0}.xl-case-detail-school{display:flex;align-items:center;gap:16px}.xl-case-detail-school__avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#1d1d1f}.xl-case-detail-school__cn{font-size:22px;font-weight:500;color:#1d1d1f}.xl-case-detail-school__en{font-size:14px;color:#86868b;margin-top:2px}.xl-case-detail-school__meta{font-size:13px;color:#86868b;margin-top:4px}.xl-case-detail-stats{display:flex;gap:16px;margin-top:20px;font-size:13px;color:#86868b}.xl-case-detail-stats span{display:inline-flex;align-items:center;gap:5px}.xl-case-detail-stats svg{width:15px;height:15px}.xl-case-detail-section{background:#f5f5f7;padding:40px 0}.xl-case-detail-section+.xl-case-detail-section{padding-top:0}.xl-case-detail-section__title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#86868b;margin-bottom:16px;display:block}.xl-info-card{background:#fff;border:1px solid rgba(29,29,31,.06);border-radius:20px;padding:8px 24px}.xl-info-card__row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(29,29,31,.06);font-size:14px}.xl-info-card__row:last-child{border-bottom:none}.xl-info-card__label{color:#86868b;flex-shrink:0}.xl-info-card__value{color:#1d1d1f;text-align:right}.xl-case-detail-experience{background:#fff;border:1px solid rgba(29,29,31,.06);border-radius:20px;padding:28px;font-size:15px;line-height:1.9;color:#1d1d1fd9}.xl-case-detail-experience img{max-width:100%;border-radius:12px}.xl-related-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px}.xl-case-detail-empty{text-align:center;padding:140px 20px;color:#86868b}#xlBreadcrumbCurrent{display:inline-block;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}@media screen and (max-width: 640px){#xlBreadcrumbCurrent{max-width:60vw}}.xl-wechat-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;background:#0009;padding:20px}.xl-wechat-modal--active{display:flex}.xl-wechat-modal__box{position:relative;width:100%;max-width:380px;background:#fff;border-radius:24px;padding:40px 32px 32px;text-align:center}.xl-wechat-modal__close{position:absolute;top:16px;right:16px;width:28px;height:28px;border:none;background:#f5f5f7;border-radius:50%;font-size:18px;line-height:1;color:#86868b;cursor:pointer}.xl-wechat-modal__icon{font-size:36px;margin-bottom:14px}.xl-wechat-modal__title{font-size:16px;font-weight:500;color:#1d1d1f;margin-bottom:10px}.xl-wechat-modal__desc{font-size:13px;color:#1d1d1fb3;line-height:1.7;margin-bottom:6px}.xl-wechat-modal__hint{font-size:12px;color:#86868b;line-height:1.7}
