body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding:20px}.app-container{flex-direction:column}.app-container,.app-header{display:flex;max-width:1000px;width:100%}.app-header{align-items:center;background-color:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 0 #0000000d;box-sizing:border-box;justify-content:space-between;margin-bottom:0;padding:10px 20px}.app-logo-container{display:flex;flex-direction:column}.app-logo-title{align-items:center;display:flex;gap:10px}.app-logo{height:32px;object-fit:contain;width:32px}.app-header h1{color:#333;flex-grow:1;font-size:24px;margin:0}.app-slogan{color:#666;font-size:14px;font-style:italic;margin-left:42px;margin-top:4px}.header-right{gap:15px}.github-link,.header-right{align-items:center;display:flex}.github-link{margin-right:15px;transition:transform .2s}.github-link:hover{transform:scale(1.1)}.github-link:hover svg{color:#1890ff!important}.app-content{display:flex;flex-direction:column;flex-grow:1;margin-top:0;max-width:1000px;width:100%}.App-link{color:#61dafb}.github-badge{align-items:center;display:flex;margin:0 15px;transition:transform .2s}.github-badge:hover{transform:scale(1.1)}.github-badge svg{fill:#333}.github-badge:hover svg{fill:#1890ff}.problem-list-container{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;margin:0;max-width:1000px;padding:10px 20px 20px;width:100%}.search-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.search-box{position:relative;width:80%}.search-box input{border:1px solid #e8e8e8;border-radius:20px;font-size:14px;outline:none;padding:10px 15px;width:100%}.filter-buttons{align-items:center;display:flex;gap:10px;position:relative}.animation-filter{margin-right:5px}.animation-checkbox-label{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none}.animation-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.animation-checkbox-label:hover .custom-checkbox{background-color:#e6f7ff;border-color:#1890ff}.animation-checkbox:checked+.custom-checkbox{background-color:#1890ff;border-color:#1890ff}.animation-icon{font-size:16px;line-height:1}.animation-checkbox:checked+.custom-checkbox .animation-icon{color:#fff}.filter-button,.sort-button{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.sort-menu{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:absolute;right:0;top:45px;width:200px;z-index:10}.sort-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.sort-option:last-child{border-bottom:none}.sort-option:hover{background-color:#f8f8f8}.sort-option-right{align-items:center;display:flex;gap:8px}.check-mark,.sort-direction{color:#1890ff;font-weight:700}.sort-icon{color:#ffb800}.sort-icon.hidden{color:#999;opacity:.7}.filter-menu{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:400px;overflow:hidden;position:absolute;right:0;top:45px;width:280px;z-index:10}.filter-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.clear-filters{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px}.filter-tags{max-height:350px;overflow-y:auto;padding:8px}.filter-tag{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.filter-tag:hover{background-color:#f5f5f5}.filter-tag.selected{background-color:#e6f7ff;color:#1890ff}.tag-count{color:#999;font-size:12px}.selected-tags-container{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;margin-bottom:15px;padding:10px 15px}.selected-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.selected-tag{background-color:#e6f7ff;border-radius:16px;font-size:13px;gap:6px;padding:4px 10px}.selected-tag,.selected-tag button{align-items:center;color:#1890ff;display:flex}.selected-tag button{font-size:14px;justify-content:center;line-height:1;padding:0}.clear-all,.selected-tag button{background:none;border:none;cursor:pointer}.clear-all{color:#999;font-size:13px;margin-left:10px;white-space:nowrap}.problems-container{display:flex;flex-direction:column;gap:5px}.problem-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.problem-row:hover{background-color:#f8f8f8}.problem-info{align-items:center;display:flex;flex-wrap:wrap;max-width:70%}.problem-id{font-size:15px;font-weight:700;margin-right:8px}.problem-title{color:#333;flex-grow:1;font-size:16px;padding-right:10px;transition:color .2s ease}.problem-info span.problem-title[style*="cursor: pointer"]:hover{color:#1890ff}.problem-tags{display:flex;flex-wrap:wrap;gap:6px;margin-left:6px}.problem-tag{background-color:#f0f0f0;border-radius:10px;color:#666;cursor:pointer;font-size:12px;padding:2px 8px;transition:all .2s;white-space:nowrap}.problem-tag.selected,.problem-tag:hover{background-color:#e6f7ff;color:#1890ff}.problem-stats{align-items:center;display:flex;gap:15px}.pass-rate{color:#777;font-size:14px}.difficulty{border-radius:3px;font-size:14px;font-weight:500;padding:3px 8px}.difficulty.simple{color:#00af9b}.difficulty.medium{color:#ffb800}.difficulty.hard{color:#ff2d55}.table-header{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;margin-top:10px;padding:12px 16px}.table-header-left,.table-header-right{align-items:center;display:flex}.table-header-right{gap:20px}.column-title{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-weight:600;gap:4px;padding:4px 8px;position:relative;transition:background-color .2s}.column-title:hover{background-color:#eaeaea}.column-title .sort-indicator{font-size:12px;margin-left:5px}.animation-badge{border-radius:50%;font-size:14px;height:24px;transition:all .3s;width:24px}.has-animation{background-color:#52c41a;color:#fff}.no-animation{background-color:#f5222d;color:#fff;position:relative}.no-animation:hover{background-color:#ff7875;box-shadow:0 2px 4px #0003;transform:scale(1.1)}.no-animation:hover:after{animation:blink 1s infinite;content:"→";font-size:12px;font-weight:700;position:absolute;right:-6px}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.problem-title:hover{color:#1890ff;text-decoration:underline}.tooltip-container{display:inline-flex;position:relative}.tooltip-content{animation:fadeIn .1s ease-in;background-color:#000c;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;padding:6px 10px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tooltip-top{bottom:100%;margin-bottom:6px}.tooltip-bottom,.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-bottom{margin-top:6px;top:100%}.tooltip-left{margin-right:6px;right:100%}.tooltip-left,.tooltip-right{top:50%;transform:translateY(-50%)}.tooltip-right{left:100%;margin-left:6px}.tooltip-top:after{border:4px solid #0000;border-top-color:#000c;top:100%}.tooltip-bottom:after,.tooltip-top:after{content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-bottom:after{border:4px solid;border-color:#0000 #0000 #000c;bottom:100%}.tooltip-left:after{border:4px solid #0000;border-left-color:#000c;left:100%}.tooltip-left:after,.tooltip-right:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.tooltip-right:after{border:4px solid #0000;border-right-color:#000c;right:100%}.animation-badge-container{display:inline-block;position:relative}.animation-badge{align-items:center;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:16px;justify-content:center;margin-left:8px;padding:4px 8px;transition:all .3s ease}.animation-badge.has-animation{background:linear-gradient(135deg,#1890ff,#36c2cf);border:none;color:#fff}.animation-badge.no-animation{background-color:#f5f5f5;border:1px solid #e8e8e8;color:#bbb}.animation-badge:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.2)}.animation-preview-container{background-color:#fff;border-radius:12px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;max-width:95vw;padding:24px;position:absolute;transition:opacity .3s,transform .3s;width:1000px;z-index:1000}.animation-preview-container.position-bottom{top:calc(100% + 10px)}.animation-preview-container.position-top{bottom:calc(100% + 10px)}.animation-preview-container:before{border-style:solid;content:"";left:50%;position:absolute}.animation-preview-container.position-bottom:before{border-color:#0000 #0000 #fff;border-width:0 8px 8px;top:-8px;transform:translateX(-50%)}.animation-preview-container.position-top:before{border-color:#fff #0000 #0000;border-width:8px 8px 0;bottom:-8px;transform:translateX(-50%)}.animation-preview-title{color:#333;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.animation-preview-gif{border:1px solid #f0f0f0;border-radius:6px;display:block;height:auto;width:100%}.animation-preview-tip{color:#999;font-size:16px;font-style:italic;margin-top:16px;text-align:center}.language-switcher{align-items:center;display:flex}.language-switcher button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.language-switcher button:hover{background-color:#e6f7ff;border-color:#1890ff;color:#1890ff}
/*# sourceMappingURL=main.3befc7b2.css.map*/