:root{--primary-gradient: linear-gradient(135deg, #409eff 0%, #2d8cf0 100%);--primary-color: #409eff;--primary-hover: #2d8cf0;--primary-light: #ecf5ff;--primary-dark: #1a73e8;--secondary-orange: #ff9800;--secondary-light-orange: #fff3e0;--accent-gold: #ffb800;--accent-green: #52c41a;--accent-red: #ff4d4f;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #212121;--text-secondary: #616161;--text-hint: #9e9e9e;--text-white: #ffffff;--bg-page: #f8f9fc;--bg-card: #ffffff;--bg-hover: #f5f5f5;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 4px 12px rgba(106, 90, 205, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-family: "PingFang SC", -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-page);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.ant-btn{border-radius:var(--radius-sm);font-weight:500;transition:all var(--transition-normal)}.ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.ant-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.ant-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:none}.ant-card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ant-input,.ant-select-selector,.ant-picker{border-radius:var(--radius-sm)!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #6a5acd33!important}.ant-pagination-item-active{border-color:var(--primary-color)}.ant-pagination-item-active a{color:var(--primary-color)}.ant-tag{border-radius:var(--radius-sm)}.ant-modal-content{border-radius:var(--radius-lg)}.category-tab{position:relative;padding:10px 20px;margin:0 6px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:500}.category-tab:first-child{margin-left:0}.category-tab:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.category-tab.active{color:#fff;background:var(--primary-color);border-color:var(--primary-color);font-weight:600;box-shadow:0 2px 8px #409eff4d}.category-tab.active:hover{background:var(--primary-hover)}.search-container{background:linear-gradient(135deg,#f0f7ff,#e6f0fa);border:1px solid var(--primary-light);border-radius:var(--radius-lg);padding:20px 24px}.search-container .ant-input-search-large,.search-container .ant-input-search-large .ant-input-wrapper{height:44px}.search-container .ant-input-search-large .ant-input-affix-wrapper{height:44px;border-radius:var(--radius-md) 0 0 var(--radius-md);border:1px solid var(--gray-300);padding:0 16px}.search-container .ant-input-search-large .ant-input-affix-wrapper:focus,.search-container .ant-input-search-large .ant-input-affix-wrapper-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #409eff1a}.search-container .ant-input-search-large .ant-input{font-size:var(--font-size-sm);height:100%}.search-container .ant-input-search-large .ant-input-search-button{height:44px!important;min-width:100px;border-radius:0 var(--radius-md) var(--radius-md) 0!important;background:var(--primary-color);color:#fff;font-weight:600;border:none;display:flex;align-items:center;justify-content:center}.search-container .ant-input-search-large .ant-input-search-button:hover{background:var(--primary-hover)}.filter-select{height:40px}.filter-select .ant-select-selector{height:40px!important;border:1px solid var(--gray-300)!important;border-radius:var(--radius-md)!important;padding:0 12px!important;display:flex;align-items:center}.filter-select .ant-select-selection-item,.filter-select .ant-select-selection-placeholder{line-height:38px!important}.filter-select .ant-select-selector:hover{border-color:var(--primary-color)!important}.filter-select .ant-select-arrow{color:var(--text-secondary)}.filter-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--text-white);border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;transition:all var(--transition-normal)}.filter-btn:hover{background:#ffffff4d}.task-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid transparent}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-light)}.task-card:active{transform:translateY(0)}.task-card .task-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:12px}.task-card .task-bounty{font-size:var(--font-size-xl);font-weight:700;color:var(--accent-red)}.task-card-new{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #f0f0f0;cursor:pointer}.task-card-new:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px);border-color:#1890ff}.task-card-new:active{transform:translateY(0)}.rank-item{display:flex;align-items:center;padding:12px;border-radius:var(--radius-md);margin-bottom:8px;background:var(--gray-50);transition:background var(--transition-fast)}.rank-item:hover{background:var(--gray-100)}.rank-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);margin-right:12px}.rank-badge.gold{background:linear-gradient(135deg,gold,#ffb700);color:#fff}.rank-badge.silver{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.rank-badge.normal{background:var(--gray-200);color:var(--text-secondary)}.quick-entry{display:flex;align-items:center;padding:16px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:12px;background:var(--gray-50)}.quick-entry:hover{background:var(--primary-light);transform:translate(4px)}.quick-entry-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0px,var(--gray-100) 40px,var(--gray-200) 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-card{height:120px;margin-bottom:16px;border-radius:var(--radius-lg)}.countdown-tag{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.countdown-tag.warning{background:linear-gradient(135deg,#ffa726,#fb8c00)}.countdown-tag.safe{background:linear-gradient(135deg,#66bb6a,#43a047)}.top-header{padding:0 24px}.top-header .ant-btn-text:hover{background:var(--gray-100)}@media(min-width:1400px){.top-header{padding:0 48px}}@media(max-width:1024px){.hide-on-tablet{display:none!important}.search-container{padding:16px 20px}.top-header{padding:0 16px}}@media(max-width:768px){.category-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:8px}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.category-tab{padding:8px 14px;font-size:13px}.task-card{padding:16px}.hide-on-mobile{display:none!important}.mobile-full-width{width:100%!important}.ant-col-md-17,.ant-col-md-7{flex:0 0 100%;max-width:100%}.search-container{padding:16px;border-radius:var(--radius-md)}.top-header{padding:0 12px!important}.filter-select{width:110px!important}.reset-filter-btn{padding:0 10px;height:36px;font-size:12px}.ant-modal{max-width:95vw!important;margin:8px auto!important}.ant-modal-body{padding:16px!important}.ant-picker-dropdown{max-width:95vw!important}.ant-picker-panel-container{overflow-x:auto!important}.ant-picker-datetime-panel{flex-direction:column!important}.ant-picker-time-panel{width:100%!important;max-width:100%!important}.ant-picker-time-panel-column{flex:1!important;max-height:200px!important}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ant-message-notice-content{border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.empty-state{text-align:center;padding:48px 24px;background:linear-gradient(180deg,#fafbfc,#fff);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);margin:16px 0}.empty-state-icon{font-size:72px;margin-bottom:20px;opacity:.6}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-desc{font-size:var(--font-size-sm);color:var(--text-hint);margin-bottom:24px;line-height:1.6}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #409eff4d}.empty-state-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #409eff66}.empty-state-btn .arrow-icon{transition:transform var(--transition-normal)}.empty-state-btn:hover .arrow-icon{transform:translate(4px)}.filter-hint{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--secondary-light-orange);color:var(--secondary-orange);border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-top:12px}.reset-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.reset-filter-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:#fff5f5}.reset-filter-btn .anticon{font-size:14px}