*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn-primary{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn-primary:hover{background-color:#357abd}.btn-secondary{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn-success:hover{background-color:#218838}.btn-disabled{background-color:#ccc;border:none;border-radius:5px;color:#666;cursor:not-allowed;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none}.btn-large{font-size:16px;padding:12px 24px}.btn-small{font-size:12px;padding:6px 12px}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.search-container{align-items:center;display:flex;max-width:300px;min-width:150px;width:100%}.search-input{border:1px solid #ddd;border-radius:25px;font-size:14px;outline:none;padding:10px 15px;transition:all .3s;width:300px}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;width:350px}.search-result-info{background:#e3f2fd;border-radius:8px;color:#1976d2;font-weight:500;margin-bottom:20px;padding:10px;text-align:center}.image-carousel{border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden;width:100%}.carousel-container{height:400px;position:relative;width:100%}.carousel-image{height:100%;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.carousel-indicators{bottom:15px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#fff9;border:none;border-radius:50%;cursor:pointer;height:12px;outline:none;transition:all .3s;width:12px}.indicator.active{background:#4a90e2;transform:scale(1.2)}.carousel-button{background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;outline:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:40px}.carousel-button:hover{background:#0009}.carousel-button.prev{left:15px}.carousel-button.next{right:15px}.categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.category-btn{background:#fff;border:1px solid #ddd;border-radius:25px;color:#666;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 20px;transition:all .3s}.category-btn:hover{background:#f0f7ff;border-color:#4a90e2;color:#4a90e2}.category-btn.active{background:#4a90e2;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e24d;color:#fff}.logo h1{color:#4a90e2;margin-bottom:0}.logo p{color:#666;font-size:12px;margin-top:2px}.nav{align-items:center}.nav,.nav ul{display:flex;gap:20px}.nav ul{list-style:none;margin:0;padding:0}.nav a{border-radius:5px;color:#333;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .3s}.nav a:hover{background-color:#f0f7ff;color:#4a90e2}.nav-link{color:#333;font-weight:500;text-decoration:none}.nav-link:hover{color:#4a90e2}.main{padding:30px 0}.hero{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:40px;padding:40px 20px;text-align:center}.hero h2{color:#333;font-size:28px;margin-bottom:15px}.hero p{color:#666;font-size:16px;line-height:1.8;margin:0 auto 30px;max-width:800px}.features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.feature{background:#f8f9fa;border-radius:8px;padding:25px;text-align:left;transition:transform .3s,box-shadow .3s}.feature:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.feature h3{color:#4a90e2;font-size:18px;margin-bottom:10px}.feature p{color:#666;line-height:1.6;margin:0}.website-info{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:40px 20px}.info-block{align-items:center;background:#f8f9fa;border-radius:8px;color:#333;display:flex;font-size:18px;font-weight:500;justify-content:center;margin-bottom:20px;padding:30px;text-align:center}.info-block a{color:#4a90e2;margin-left:5px;text-decoration:none;transition:all .3s}.info-block a:hover{color:#357abd;text-decoration:underline}.info-block:last-child{margin-bottom:0}.about{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:40px 20px}.about h2{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.about-content{margin:0 auto;max-width:800px}.about-content p{color:#666;line-height:1.8;margin-bottom:20px}.about-content h3{color:#4a90e2;font-size:20px;margin:30px 0 15px}.values{list-style:none;margin:20px 0;padding:0}.values li{border-bottom:1px solid #eee;color:#666;padding:10px 0 10px 20px;position:relative}.values li:before{color:#4a90e2;content:"•";font-weight:700;left:0;position:absolute}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters button{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .3s}.filters button.filter-active,.filters button:hover{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;text-align:center}.stat-card h3{color:#4a90e2;font-size:24px;margin-bottom:5px}.stat-card p{color:#666;font-size:14px}.task-section h3{font-size:20px;margin-bottom:20px}.task-list{display:flex;flex-direction:column;gap:20px}.task-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:transform .3s,box-shadow .3s}.task-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.task-header h3{color:#333;font-size:18px;margin:0}.task-status{border-radius:15px;font-size:12px;font-weight:500;padding:4px 10px}.status-pending{background-color:#fff3cd;color:#856404}.status-progress{background-color:#cce5ff;color:#004085}.status-completed{background-color:#d4edda;color:#155724}.task-description{color:#666;line-height:1.6;margin-bottom:15px}.task-details{align-items:center;gap:10px;justify-content:space-between;margin-bottom:15px}.task-details,.task-info{display:flex;flex-wrap:wrap}.task-info{gap:15px}.info-item{align-items:center;color:#666;display:flex;font-size:13px;gap:5px}.task-reward{color:#28a745;font-size:20px;font-weight:700}.task-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.page-header{margin-bottom:30px;text-align:center}.page-header h2{font-size:28px;margin-bottom:10px}.page-header p{color:#666}.form-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.task-form{margin:0 auto;max-width:700px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.form-actions{margin-top:30px;text-align:center}.publish-guide{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:30px}.publish-guide h3{margin-bottom:15px}.publish-guide ul{list-style-type:none}.publish-guide li{border-bottom:1px solid #eee;padding:8px 0}.publish-guide li:last-child{border-bottom:none}.publish-guide strong{color:#333}.back-button{margin-bottom:20px}.back-button button{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:14px}.task-detail-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.task-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.task-detail-header h2{font-size:24px;margin:0}.task-basic-info{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.info-row{display:flex;flex-wrap:wrap;margin-bottom:12px}.info-label{color:#333;font-weight:500;width:100px}.info-value{color:#666;flex:1 1}.info-value.reward{color:#28a745;font-size:18px;font-weight:700}.task-description-section h3{font-size:18px;margin-bottom:15px}.task-description-section p{color:#555;line-height:1.8}.task-detail-actions{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.related-tasks h3{font-size:20px;margin-bottom:20px}.task-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.related-task-item{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:20px}.related-task-item h4{font-size:16px;margin-bottom:10px}.related-task-item p{color:#666;font-size:14px;margin-bottom:10px}.related-task-item .reward{color:#28a745;display:block;font-weight:700;margin-bottom:10px}.empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:40px 20px;text-align:center}.empty-state p{color:#666;font-size:16px}.not-found{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:60px 20px;text-align:center}.not-found h2{font-size:24px;margin-bottom:15px}.not-found p{color:#666;margin-bottom:20px}@media (max-width:768px){.container{padding:0 15px}.header .container{align-items:stretch;flex-direction:column;gap:15px}.logo{text-align:center}.nav{justify-content:center;width:100%}.search-container{margin:0 auto;max-width:100%}.search-container .ant-input-search{width:100%!important}.hero h2{font-size:24px}.stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.task-details{align-items:flex-start;flex-direction:column}.task-reward{align-self:flex-end}.task-detail-header{align-items:flex-start;flex-direction:column}.info-row{flex-direction:column;gap:5px}.info-label{width:auto}}
/*# sourceMappingURL=main.f45e56f8.css.map*/