.grid-container[data-v-83b9ca5a]{padding:30px;background:#f5f7fa;min-height:100vh}.header-section[data-v-83b9ca5a]{text-align:center;margin-bottom:30px}.page-title[data-v-83b9ca5a]{color:#2c3e50;font-size:28px;margin-bottom:20px}.page-title i[data-v-83b9ca5a]{margin-right:10px;color:#667eea}.tab-switcher[data-v-83b9ca5a]{display:inline-flex;gap:10px;background:#fff;padding:6px;border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.tab-btn[data-v-83b9ca5a]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:transparent;color:#666;font-size:14px;border-radius:40px;cursor:pointer;transition:all .3s ease}.tab-btn.active[data-v-83b9ca5a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-btn[data-v-83b9ca5a]:hover:not(.active){background:#f0f0f0}.count-badge[data-v-83b9ca5a]{background:hsla(0,0%,100%,.3);padding:2px 8px;border-radius:10px;font-size:12px}.grid-wrapper[data-v-83b9ca5a]{max-width:1400px;margin:0 auto;min-height:400px;position:relative}.grid-cards[data-v-83b9ca5a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.grid-card[data-v-83b9ca5a]{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.grid-card[data-v-83b9ca5a]:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px rgba(102,126,234,.25)}.card-decoration[data-v-83b9ca5a]{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.grid-card:nth-child(2n) .card-decoration[data-v-83b9ca5a]{background:linear-gradient(90deg,#f093fb,#f5576c)}.card-body[data-v-83b9ca5a]{padding:20px}.card-top[data-v-83b9ca5a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-number[data-v-83b9ca5a]{font-size:24px;font-weight:700;color:#e0e0e0}.card-message[data-v-83b9ca5a]{margin-bottom:15px;display:flex;align-items:flex-start}.card-message i[data-v-83b9ca5a]{color:#667eea;margin-right:8px;font-size:16px;flex-shrink:0;margin-top:3px}.card-message p[data-v-83b9ca5a]{display:inline;color:#333;font-size:14px;line-height:1.8;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-meta[data-v-83b9ca5a]{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.time[data-v-83b9ca5a]{color:#999;font-size:12px}.time i[data-v-83b9ca5a]{margin-right:5px}.pagination-bar[data-v-83b9ca5a]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:30px auto 0;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.total-info[data-v-83b9ca5a]{color:#666;font-size:14px}.grid-list-enter-active[data-v-83b9ca5a],.grid-list-leave-active[data-v-83b9ca5a]{transition:all .4s ease}.grid-list-enter-from[data-v-83b9ca5a],.grid-list-leave-to[data-v-83b9ca5a]{opacity:0;transform:scale(.9)}.fade-enter-active[data-v-83b9ca5a],.fade-leave-active[data-v-83b9ca5a]{transition:opacity .3s}.fade-enter-from[data-v-83b9ca5a],.fade-leave-to[data-v-83b9ca5a]{opacity:0}@media (max-width:768px){.grid-cards[data-v-83b9ca5a]{grid-template-columns:1fr}.pagination-bar[data-v-83b9ca5a]{flex-direction:column;gap:15px}}