.case-center-container{min-height:100vh}.case-center-container .container{max-width:1200px;margin:0 auto;padding:0 20px}.case-center-container .filter-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:50px}@media (max-width:768px){.case-center-container .filter-nav{top:62px}}.case-center-container .filter-nav .flex-box{justify-content:center;gap:10px;display:flex;overflow-x:auto}.case-center-container .filter-nav .flex-box::-webkit-scrollbar{display:none}.case-center-container .filter-nav .flex-box button{color:#1d1d1f;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;padding:8px 24px;font-weight:500;transition:all .3s}.case-center-container .filter-nav .flex-box button:hover{color:#184799}.case-center-container .filter-nav .flex-box button.active{color:#fff;background:#184799;box-shadow:0 4px 12px #18479933}.case-center-container .list-section{padding:60px 10px}.case-center-container .list-section .case-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:40px 30px;display:grid}.case-center-container .list-section .case-grid .case-card{background:#fff;border-radius:16px;flex-direction:column;transition:transform .4s,box-shadow .4s;display:flex;overflow:hidden}.case-center-container .list-section .case-grid .case-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.case-center-container .list-section .case-grid .case-card:hover .thumb img{transform:scale(1.05)}.case-center-container .list-section .case-grid .case-card .thumb{background:#eee;height:220px;position:relative;overflow:hidden}.case-center-container .list-section .case-grid .case-card .thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .6s}.case-center-container .list-section .case-grid .case-card .thumb .type-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000080;border-radius:4px;padding:4px 12px;font-size:.75rem;position:absolute;top:16px;left:16px}.case-center-container .list-section .case-grid .case-card .info{flex-direction:column;flex:1;padding:24px;display:flex}.case-center-container .list-section .case-grid .case-card .info h3{color:#1d1d1f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.3rem;overflow:hidden}.case-center-container .list-section .case-grid .case-card .info p{color:#86868b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}.case-center-container .list-section .case-grid .case-card .info .footer{color:#184799;justify-content:space-between;align-items:center;margin-top:auto;font-size:.9rem;font-weight:600;display:flex}.case-center-container .list-section .case-grid .case-card .info .footer .arrow{transition:transform .3s}.case-center-container .loading-placeholder,.case-center-container .empty-placeholder{text-align:center;color:#86868b;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:100px 0;display:flex}@media (max-width:768px){.case-center-container .case-banner{height:250px}.case-center-container .case-banner .text-wrap h1{font-size:2.2rem}.case-center-container .case-banner .text-wrap p{font-size:1rem}.case-center-container .filter-nav .flex-box{justify-content:flex-start}.case-center-container .list-section .case-grid{grid-template-columns:1fr}}