@charset "UTF-8";.home-page{min-height:100vh;background:#f0f2f5}.home-page .home-header{background:#fff;box-shadow:0 2px 8px #0000000f;padding:0;position:sticky;top:0;z-index:100}.home-page .home-header .home-header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.home-page .home-header .home-header-content h1{margin:0;font-size:24px;font-weight:600;color:#1890ff}.home-page .home-header .home-header-content .user-info{display:flex;align-items:center}.home-page .home-content{max-width:1200px;margin:0 auto;padding:24px}.home-page .home-content .banner-loading{height:400px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;margin-bottom:24px}.home-page .home-content .banner-section{margin-bottom:24px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.home-page .home-content .banner-section .banner-item .banner-content{position:relative;height:400px;overflow:hidden}.home-page .home-content .banner-section .banner-item .banner-content img{width:100%;height:100%;object-fit:cover}.home-page .home-content .banner-section .banner-item .banner-content .banner-description{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:40px 24px 24px}.home-page .home-content .banner-section .banner-item .banner-content .banner-description p{margin:0;color:#fff;font-size:18px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-page .home-content .banner-section .banner-item .banner-content:hover img{transform:scale(1.05);transition:transform .3s ease}.home-page .home-content .tasks-section{margin-top:24px}.home-page .home-content .tasks-section .tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.home-page .home-content .tasks-section .tasks-header h3{margin:0;display:flex;align-items:center;gap:8px}.home-page .home-content .tasks-section .tasks-loading{display:flex;justify-content:center;align-items:center;padding:80px 0}.home-page .home-content .tasks-section .task-card{height:100%;transition:all .3s ease;overflow:hidden}.home-page .home-content .tasks-section .task-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.home-page .home-content .tasks-section .task-card:hover .task-card-cover img{transform:scale(1.05)}.home-page .home-content .tasks-section .task-card .task-card-cover{overflow:hidden}.home-page .home-content .tasks-section .task-card .task-card-cover img{transition:transform .3s ease}.home-page .home-content .tasks-section .task-card .task-card-header{display:flex;gap:8px;margin-bottom:12px}.home-page .home-content .tasks-section .task-card .task-card-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;align-items:center;gap:4px}.home-page .home-content .tasks-section .tasks-pagination{margin-top:32px;display:flex;justify-content:center}@media (max-width: 768px){.home-page .home-header .home-header-content{padding:12px 16px}.home-page .home-header .home-header-content h1{font-size:20px}.home-page .home-content{padding:16px}.home-page .home-content .banner-section .banner-item .banner-content{height:250px}.home-page .home-content .banner-section .banner-item .banner-content .banner-description{padding:30px 16px 16px}.home-page .home-content .banner-section .banner-item .banner-content .banner-description p{font-size:14px}.home-page .home-content .home-header .home-header-content .user-info{flex-direction:column;align-items:flex-end;gap:8px}.home-page .home-content .tasks-section .tasks-header{flex-direction:column;align-items:flex-start;gap:8px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.ant-layout{min-height:100vh}.ant-layout-sider{background:#fff;box-shadow:2px 0 8px #1d23290d}.ant-menu{border-right:0}@media (max-width: 768px){.ant-table{font-size:12px}.ant-btn{font-size:13px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}::-webkit-scrollbar-track{background-color:transparent}
