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{cursor:pointer;display:flex;flex-direction:column;transition:opacity .2s}.app-logo-container:hover{opacity:.8}.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{gap:6px;margin-right:15px;text-decoration:none;transition:transform .2s}.github-link:hover{transform:scale(1.05)}.github-link:hover .github-icon svg{color:#1890ff!important}.github-stars{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:3px}.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%}.view-mode-row{align-items:center;display:flex;gap:16px;margin-bottom:12px}.search-filter-row{margin-bottom:16px}.search-filter-row .search-container{margin-bottom:0}.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:flex-start;padding:15px 20px;transition:background-color .2s}.problem-row:hover{background-color:#f8f8f8}.problem-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;justify-content:flex-start;min-width:0;text-align:left}.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-title:hover{color:#1890ff;text-decoration:underline}.problem-info span.problem-title[style*="cursor: pointer"]:hover{color:#1890ff}.problem-stats{align-items:center;display:flex;flex-shrink:0;gap:15px;margin-left:auto}.pass-rate{color:#777;font-size:14px}.animation-badge{display:inline-flex;font-size:14px;height:24px;margin-left:8px;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}}.tooltip-container{align-items:center;display:inline-flex;max-width:100%;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}.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%}.completion-filter-dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:space-between;min-width:90px;outline:none;padding:6px 12px;transition:all .2s ease}.dropdown-trigger:hover{background-color:#e6f7ff;border-color:#1890ff}.dropdown-trigger.open{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.dropdown-text{white-space:nowrap}.dropdown-arrow{color:#666;font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .15s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:120px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:background-color .15s ease}.dropdown-option:hover{background-color:#f5f5f5}.dropdown-option.selected{background-color:#e6f7ff;color:#1890ff}.check-icon{color:#1890ff;font-size:12px;font-weight:700}.option-text{flex:1 1}.dropdown-option:not(.selected) .option-text{margin-left:20px}.search-container{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;position:relative}.search-box{flex:1 1;min-width:120px;position:relative}.search-box input{border:1px solid #e8e8e8;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 15px;width:100%}.filter-buttons{align-items:center;display:flex;gap:10px;position:relative}.completion-filter{margin-right:5px}.completion-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f5f5f5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:13px;min-width:100px;outline:none;padding:6px 28px 6px 12px;transition:all .2s ease}.completion-filter-select:hover{background-color:#e6f7ff;border-color:#1890ff}.completion-filter-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.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>.tooltip-container{flex:1 1;min-width:0}.sort-option>.tooltip-container>span{display:block;white-space:nowrap}.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:4px;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}.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-container{display:inline-block;position:relative}.animation-badge{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.animation-badge:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.has-animation{background-color:#4caf50}.no-animation{background-color:#f44336}.animation-preview-container{background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-height:85vh;max-width:70vw;opacity:1;overflow:auto;padding:20px;position:fixed;visibility:visible;width:1000px;z-index:10000}.animation-preview-title{color:#333;font-weight:700;margin-bottom:8px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.animation-preview-gif,.animation-preview-video{background-color:#f5f5f5;border-radius:6px;display:block;max-height:800px;object-fit:contain;width:100%}.animation-preview-loading{color:#666;font-size:14px;padding:40px 20px;text-align:center}.animation-preview-tip{color:#666;font-size:12px;margin-top:8px;text-align:center;white-space:nowrap}@media (max-width:768px){.animation-preview-container{max-width:250px}}.problem-tags{display:flex;flex-wrap:wrap;gap:6px;margin-left:6px}.problem-tag{background-color:#f0f0f0;border-radius:4px;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}.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}.problem-completion{flex-shrink:0;margin-right:12px}.completion-checkbox,.problem-completion{align-items:center;display:flex;justify-content:center}.completion-checkbox{background:#fff;border:2px solid #d9d9d9;border-radius:50%;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.completion-checkbox:hover{background:#f6ffed;border-color:#52c41a}.completion-checkbox.checked{background:#fff;border-color:#52c41a;border-width:2px}.completion-checkbox .checkmark{color:#52c41a;font-size:16px;font-weight:700;line-height:1}.problem-row.completed{background:linear-gradient(90deg,#f6ffed,#0000)}.problem-row.completed .problem-id,.problem-row.completed .problem-title{color:#8c8c8c}@media (max-width:768px){.completion-checkbox{height:20px;width:20px}.completion-checkbox .checkmark{font-size:12px}.problem-completion{margin-right:8px}}.view-mode-switch-container{align-items:center;display:flex;gap:8px}.switch-label{color:#999;cursor:pointer;font-size:12px;font-weight:600;transition:color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.switch-label:hover{color:#666}.switch-label.active{color:#1890ff}.toggle-switch{background-color:#e0e0e0;border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;padding:0;position:relative;transition:background-color .3s ease;width:36px}.toggle-switch:hover{background-color:#d0d0d0}.toggle-switch:focus{box-shadow:0 0 0 2px #1890ff33;outline:none}.toggle-switch.list-active{background-color:#1890ff}.toggle-switch.path-active{background-color:#fa8c16}.toggle-slider{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:16px}.toggle-switch.path-active .toggle-slider{transform:translateX(16px)}@media (max-width:480px){.switch-label{font-size:11px}.toggle-switch{height:18px;width:32px}.toggle-slider{height:14px;width:14px}.toggle-switch.path-active .toggle-slider{transform:translateX(14px)}}.ascension-node{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding-top:50px;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.ascension-node:hover{transform:scale(1.05)}.ascension-node:active{transform:scale(.98)}.ascension-main{height:140px;position:relative;width:140px}.ascension-progress-ring{height:100%;left:0;position:absolute;top:0;transform:rotate(-90deg);width:100%;z-index:1}.ascension-progress-ring .progress-bg{stroke:#e8e8e8}.ascension-progress-ring .progress-fill{transition:stroke-dasharray .5s ease}.ascension-content{align-items:center;border:3px solid #e5e5e5;border-radius:50%;box-shadow:0 4px 12px #0000001a,inset 0 -2px 4px #0000000d;display:flex;height:112px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s ease;width:112px;z-index:2}.ascension-content:before{background:#f5f5f5;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateY(4px);z-index:-1}.ascension-node:hover .ascension-content{transform:translate(-50%,-52%)}.ascension-node:hover .ascension-content:before{transform:translateY(6px)}.ascension-logo{align-items:center;display:flex;font-size:42px;justify-content:center}.ascension-glow{animation:ascensionGlow 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70099 0,#0000 70%);border-radius:50%;height:140px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px;z-index:0}@keyframes ascensionGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.ascension-info{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:10px;box-shadow:0 4px 0 #fcd34d,0 6px 16px #fbbf2433;margin-top:16px;min-width:150px;padding:14px 20px;text-align:center;transition:all .15s ease}.ascension-node:hover .ascension-info{box-shadow:0 6px 0 #fcd34d,0 8px 20px #fbbf2440;transform:translateY(-2px)}.ascension-company-name{color:#92400e;font-size:18px;font-weight:800;margin:0 0 8px}.ascension-progress-text{color:#b45309;font-size:14px;font-weight:700;margin-bottom:4px}.progress-completed{color:#059669;font-size:16px}.progress-separator{color:#9ca3af;margin:0 2px}.progress-total{color:#6b7280}.progress-label{color:#9ca3af}.ascension-percentage{color:#d97706;font-size:24px;font-weight:900;margin:4px 0}.ascension-salary{animation:salaryShine 2s ease-in-out infinite,salaryPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb800 50%,gold);background-size:200% 100%;border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 0 #d97706,0 6px 20px #fbbf2466,inset 0 2px 4px #fff6;color:#7c2d12;font-size:22px;font-weight:900;margin-top:12px;overflow:hidden;padding:10px 20px;position:relative;text-shadow:0 1px 2px #ffd70080}.ascension-salary:before{animation:salaryGlitter 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.ascension-salary:after{animation:sparkle 1s ease-in-out infinite;content:"✨";font-size:16px;position:absolute;right:-5px;top:-5px}@keyframes salaryShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes salaryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes salaryGlitter{0%{left:-100%}50%,to{left:100%}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.2) rotate(15deg)}}.ascension-motivation{color:#78350f;font-size:12px;font-style:italic;line-height:1.4;margin-top:8px;max-width:180px}.ascension-edit-hint{animation:fadeIn .2s ease;color:#9ca3af;font-size:11px;margin-top:8px}.ascension-label{animation:labelFloat 3s ease-in-out infinite;background:linear-gradient(180deg,gold,#ffb800);border-radius:6px;box-shadow:0 4px 0 #e6a700,0 6px 12px #ffb8004d;color:#7c5800;font-size:14px;font-weight:800;padding:8px 20px;top:0;white-space:nowrap;z-index:20}.ascension-label,.ascension-label:after{left:50%;position:absolute;transform:translateX(-50%)}.ascension-label:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #e6a700;bottom:-8px;content:""}@keyframes labelFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.ascension-editor-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.ascension-editor{background:#fff;border-radius:8px;box-shadow:0 8px 0 #e5e5e5,0 20px 60px #0000004d;max-height:calc(100vh - 40px);max-width:600px;min-width:500px;overflow-y:auto;width:90vw}@keyframes editorSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.editor-header{align-items:center;background:#fff;border-bottom:2px solid #f0f0f0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.editor-header h3{color:#333;font-size:20px;font-weight:800;margin:0}.editor-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;position:relative;transition:all .15s ease;width:36px;z-index:20}.editor-close:hover{background:#e0e0e0;color:#333}.editor-content{padding:20px 24px}.editor-section{margin-bottom:20px}.editor-section label{color:#555;display:block;font-size:14px;font-weight:700;margin-bottom:10px}.editor-section input[type=text],.editor-section textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .15s ease;width:100%}.editor-section input[type=text]:focus,.editor-section textarea:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433;outline:none}.editor-section input[type=color]{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:40px;padding:4px;width:60px}.editor-section textarea{min-height:60px;resize:vertical}.preset-companies{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.preset-company-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;transition:all .15s ease}.preset-company-btn:hover{background:#fafafa}.preset-company-btn.selected,.preset-company-btn:hover{border-color:#fbbf24;border-color:var(--company-color,#fbbf24)}.preset-company-btn.selected{background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 2px 0 #fbbf24;box-shadow:0 2px 0 var(--company-color,#fbbf24)}.preset-company-btn .company-logo{font-size:24px}.preset-company-btn .company-name{color:#555;font-size:11px;font-weight:700;text-align:center}.preset-company-btn.custom{border-style:dashed}.custom-section{background:#f9fafb;border-radius:10px;margin-top:-10px;padding:16px}.custom-row{margin-bottom:12px}.custom-row:last-child{margin-bottom:0}.custom-row label{font-size:12px;margin-bottom:6px}.custom-row input{padding:10px 12px}.editor-footer{background:#fff;border-radius:0 0 8px 8px;border-top:2px solid #f0f0f0;bottom:0;display:flex;gap:12px;padding:16px 24px 24px;position:-webkit-sticky;position:sticky}.editor-cancel-btn,.editor-save-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:800;padding:14px 20px;transition:all .15s ease}.editor-cancel-btn{background:#f0f0f0;box-shadow:0 3px 0 #d0d0d0;color:#666}.editor-cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.editor-cancel-btn:active{box-shadow:0 1px 0 #d0d0d0;transform:translateY(2px)}.editor-save-btn{background:linear-gradient(180deg,gold,#ffb800);box-shadow:0 3px 0 #e6a700;color:#7c5800}.editor-save-btn:hover{transform:translateY(-1px)}.editor-save-btn:active{box-shadow:0 1px 0 #e6a700;transform:translateY(2px)}@media (max-width:768px){.ascension-main{height:100px;width:100px}.ascension-content{height:80px;width:80px}.ascension-logo{font-size:36px}.ascension-info{min-width:130px;padding:12px 16px}.ascension-company-name{font-size:16px}.ascension-percentage{font-size:20px}.ascension-label{font-size:12px;padding:6px 16px}.preset-companies{grid-template-columns:repeat(3,1fr)}.ascension-editor{max-width:none;min-width:auto;width:95vw}}@media (max-width:480px){.ascension-node{padding-top:45px}.ascension-main{height:90px;width:90px}.ascension-content{height:72px;width:72px}.ascension-logo{font-size:32px}.ascension-info{min-width:120px;padding:10px 14px}.ascension-company-name{font-size:14px}.ascension-percentage{font-size:18px}.ascension-editor-overlay{padding:10px}.ascension-editor{max-height:calc(100vh - 20px)}.editor-content,.editor-header{padding:16px 20px}.editor-footer{padding:12px 20px 20px}.preset-companies{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .ascension-info{background:linear-gradient(135deg,#422006,#451a03);border-color:#92400e;box-shadow:0 4px 0 #78350f,0 6px 16px #0000004d}[data-theme=dark] .ascension-company-name{color:#fcd34d}[data-theme=dark] .ascension-progress-text{color:#fbbf24}[data-theme=dark] .ascension-motivation,[data-theme=dark] .ascension-percentage{color:#fcd34d}[data-theme=dark] .ascension-editor{background:#1f2937;box-shadow:0 8px 0 #111827,0 20px 60px #00000080}[data-theme=dark] .editor-header{background:#1f2937;border-color:#374151}[data-theme=dark] .editor-header h3{color:#f3f4f6}[data-theme=dark] .editor-close{background:#374151;color:#9ca3af}[data-theme=dark] .editor-close:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .editor-section label{color:#d1d5db}[data-theme=dark] .editor-section input,[data-theme=dark] .editor-section textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .editor-section input:focus,[data-theme=dark] .editor-section textarea:focus{border-color:#fbbf24}[data-theme=dark] .preset-company-btn{background:#374151;border-color:#4b5563}[data-theme=dark] .preset-company-btn:hover{background:#4b5563}[data-theme=dark] .preset-company-btn.selected{background:linear-gradient(135deg,#422006,#451a03)}[data-theme=dark] .preset-company-btn .company-name{color:#d1d5db}[data-theme=dark] .custom-section{background:#111827}[data-theme=dark] .editor-footer{background:#1f2937;border-color:#374151}[data-theme=dark] .editor-cancel-btn{background:#374151;box-shadow:0 3px 0 #1f2937;color:#d1d5db}[data-theme=dark] .editor-cancel-btn:hover{background:#4b5563}.path-overview-container{margin:0 auto;max-width:900px;padding:0 20px 40px}.path-overview-header{padding:30px 20px 40px;position:relative;text-align:center}.header-mascot{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:72px;margin-bottom:16px}.path-overview-title{color:#3c3c3c;font-size:36px;font-weight:800;letter-spacing:-1px;margin:0 0 12px}.path-overview-subtitle{color:#777;font-size:17px;font-weight:600;margin:0}.path-overview-path{position:relative;width:100%}.path-overview-svg{left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.path-overview-milestone{align-items:center;display:flex;flex-direction:column;gap:8px;position:absolute;transform:translateX(-50%);z-index:10}.milestone-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));font-size:42px}.milestone-text{border-radius:6px;color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px;padding:8px 20px;white-space:nowrap}.path-overview-milestone.start .milestone-text{background:linear-gradient(180deg,#7ac70c,#58a700);box-shadow:0 4px 0 #46a302,0 6px 12px #58a7004d}.path-overview-milestone.end .milestone-text{background:linear-gradient(180deg,gold,#ffb800);box-shadow:0 4px 0 #e6a700,0 6px 12px #ffb8004d;color:#7c5800}.path-overview-nodes{position:relative;z-index:5}.path-overview-node{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.path-overview-node:hover{transform:translateX(-50%) scale(1.05);z-index:20}.path-overview-node:active{transform:translateX(-50%) scale(.98)}.node-main{height:110px;position:relative;width:110px}.node-progress-ring{height:100%;left:0;position:absolute;top:0;transform:rotate(-90deg);width:100%;z-index:1}.progress-bg{stroke:#e8e8e8}.progress-fill{transition:stroke-dasharray .5s ease}.node-content{align-items:center;display:flex;height:86px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .15s ease;width:86px;z-index:2}.node-content,.node-content:before{border-radius:50%;position:absolute}.node-content:before{background:inherit;bottom:0;content:"";filter:brightness(.7);left:0;right:0;top:0;transform:translateY(6px);z-index:-1}.path-overview-node:hover .node-content{transform:translate(-50%,-52%)}.path-overview-node:hover .node-content:before{transform:translateY(8px)}.path-overview-node:active .node-content{transform:translate(-50%,-48%)}.path-overview-node:active .node-content:before{transform:translateY(4px)}.node-icon{align-items:center;color:#fff;display:flex;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:28px;font-weight:800;justify-content:center;letter-spacing:-1px;line-height:1;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.node-animation-count{background:linear-gradient(180deg,#a855f7,#7c3aed);border:2px solid #fff;border-radius:6px;box-shadow:0 3px 0 #6d28d9,0 4px 8px #7c3aed66;color:#fff;font-size:12px;font-weight:800;padding:5px 10px;position:absolute;right:-6px;top:-6px;white-space:nowrap;z-index:10}.node-info{background:#fff;border-radius:8px;box-shadow:0 4px 0 #e5e5e5,0 6px 16px #00000014;margin-top:14px;min-width:130px;padding:12px 18px;text-align:center;transition:all .15s ease}.path-overview-node:hover .node-info{box-shadow:0 6px 0 #e5e5e5,0 8px 20px #0000001a;transform:translateY(-2px)}.node-name{color:#3c3c3c;font-size:16px;font-weight:800;margin:0 0 8px}.node-stats{display:flex;flex-direction:column;gap:6px}.stat-total{color:#777;font-size:13px;font-weight:700}.stat-difficulty{display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center}.diff-easy{background:linear-gradient(135deg,#f0fff0,#dcfce7);box-shadow:0 2px 0 #bbf7d0;color:#58a700}.diff-easy,.diff-medium{border-radius:8px;padding:3px 8px}.diff-medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 2px 0 #fcd34d;color:#d97706}.diff-hard{background:linear-gradient(135deg,#fff5f5,#fee2e2);border-radius:8px;box-shadow:0 2px 0 #fca5a5;color:#dc2626;padding:3px 8px}.node-start-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.5px;margin-top:10px;padding:8px 20px;position:relative;text-transform:uppercase;transition:all .15s ease}.node-start-btn:before{background:inherit;border-radius:6px;bottom:0;content:"";filter:brightness(.8);left:0;position:absolute;right:0;top:0;transform:translateY(3px);z-index:-1}.node-start-btn:hover{transform:translateY(-1px)}.node-start-btn:hover:before{transform:translateY(4px)}.node-start-btn:active{transform:translateY(1px)}.node-start-btn:active:before{transform:translateY(2px)}.path-overview-node.completed .node-content{background:linear-gradient(180deg,gold,#ffb800)!important}.path-overview-node.completed .node-icon{color:#fff;font-size:32px;text-shadow:0 2px 4px #0003}.path-overview-node.completed .node-info{background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 4px 0 #fcd34d,0 6px 16px #fbbf2433}.path-overview-node.completed .node-name{color:#b45309}.path-overview-milestone.clickable{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.path-overview-milestone.clickable:hover{transform:translateX(-50%) scale(1.08)}.path-overview-tip{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;box-shadow:0 4px 0 #bae6fd,0 6px 12px #0ea5e91a;display:flex;gap:10px;justify-content:center;margin-top:40px;padding:18px 28px}.tip-icon{font-size:24px}.tip-text{color:#0369a1;font-size:15px;font-weight:700}@media (max-width:768px){.path-overview-container{padding:0 10px 30px}.header-mascot{font-size:56px}.path-overview-title{font-size:28px}.path-overview-subtitle{font-size:15px}.node-main{height:90px;width:90px}.node-content{height:70px;width:70px}.node-icon{font-size:32px}.node-info{min-width:110px;padding:10px 14px}.node-name{font-size:14px}.stat-total{font-size:12px}.stat-difficulty{font-size:11px}}@media (max-width:480px){.node-main{height:80px;width:80px}.node-content{height:62px;width:62px}.node-content:before{transform:translateY(4px)}.node-icon{font-size:28px}.node-animation-count{font-size:10px;padding:4px 8px}.milestone-icon{font-size:32px}.milestone-text{font-size:13px;padding:6px 14px}.node-info{min-width:100px;padding:8px 12px}.node-start-btn{font-size:12px;padding:6px 16px}}.path-overview-node.is-current{z-index:15}.current-node-label{animation:labelBounce 2s ease-in-out infinite;background:linear-gradient(180deg,#58cc02,#46a302);border-radius:6px;box-shadow:0 4px 0 #3d8a00,0 6px 12px #58cc024d;color:#fff;font-size:14px;font-weight:800;padding:8px 20px;top:-45px;white-space:nowrap;z-index:20}.current-node-label,.current-node-label:after{left:50%;position:absolute;transform:translateX(-50%)}.current-node-label:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #46a302;bottom:-8px;content:""}@keyframes labelBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.path-overview-node .node-pulse-ring{animation:pulseRingOverview 2s ease-out infinite;border:4px solid #58cc0280;border-radius:50%;height:120px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:0}@keyframes pulseRingOverview{0%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.path-overview-node.is-current .node-content{box-shadow:0 0 0 4px #58cc024d,0 6px 0 #46a302;box-shadow:0 0 0 4px #58cc024d,0 6px 0 var(--node-shadow-color,#46a302)}.path-overview-node.is-current .node-info{border:2px solid #58cc02;box-shadow:0 4px 0 #46a302,0 6px 16px #58cc0233}.treasure-node-wrapper{animation:treasureFadeIn .5s ease-out;position:absolute;transform:translateX(-50%);z-index:25}@keyframes treasureFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.ascension-node-wrapper{animation:ascensionFadeIn .6s ease-out;position:absolute;transform:translateX(-50%);z-index:30}@keyframes ascensionFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(30px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.treasure-node{flex-direction:column;gap:10px}.treasure-box,.treasure-node{align-items:center;display:flex;position:relative}.treasure-box{border-radius:8px;cursor:pointer;height:80px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:80px}.treasure-node.locked .treasure-box{background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 6px 0 #d97706,0 8px 20px #f59e0b33;cursor:not-allowed;filter:grayscale(40%) brightness(.8)}.treasure-lock-overlay{align-items:center;background:linear-gradient(180deg,#6b7280,#4b5563);border-radius:50%;box-shadow:0 2px 6px #0000004d;display:flex;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px;z-index:10}.lock-icon{font-size:14px}.treasure-node.ready .treasure-box{animation:treasurePulse 2s ease-in-out infinite;background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 6px 0 #d97706,0 8px 20px #f59e0b66,0 0 30px #fbbf244d}.treasure-node.ready .treasure-box:hover{box-shadow:0 10px 0 #d97706,0 12px 30px #f59e0b80,0 0 50px #fbbf2480;transform:translateY(-4px) scale(1.08)}.treasure-node.ready .treasure-box:active{box-shadow:0 3px 0 #d97706,0 4px 10px #f59e0b4d;transform:translateY(2px)}.treasure-node.opening .treasure-box{animation:treasureShake .5s ease-in-out;background:linear-gradient(180deg,#fef3c7,#fcd34d);box-shadow:0 0 40px #fbbf24cc,0 0 80px #fbbf2480}.treasure-node.opened .treasure-box{background:linear-gradient(180deg,#d1fae5,#a7f3d0);box-shadow:0 4px 0 #6ee7b7,0 6px 16px #10b98133;cursor:default}.treasure-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));height:48px;position:relative;transition:transform .3s ease;width:52px;z-index:5}.treasure-chest-body{background:linear-gradient(180deg,#c9873a,#8b5a2b 50%,#6b4423);border:2px solid #5d3a1a;border-radius:4px 4px 8px 8px;bottom:0;box-sizing:border-box;height:28px;left:0;overflow:hidden;position:absolute;width:100%}.treasure-chest-body:before{background:linear-gradient(90deg,#0000,#8b5a2b99 20%,#654321cc 50%,#8b5a2b99 80%,#0000);border-radius:2px;content:"";height:3px;left:4px;position:absolute;right:4px;top:8px}.treasure-chest-body:after{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:2px;bottom:4px;box-shadow:0 1px 2px #0000004d;content:"";height:4px;left:3px;position:absolute;right:3px}.treasure-chest-lid{background:linear-gradient(180deg,#dda15e,#bc6c25 40%,#8b5a2b);border:2px solid #5d3a1a;border-radius:12px 12px 2px 2px;box-sizing:border-box;height:24px;left:-2px;overflow:hidden;position:absolute;top:0;transform-origin:left bottom;transition:transform .4s ease;width:calc(100% + 4px)}.treasure-chest-lid:before{background:linear-gradient(180deg,#fff6,#ffffff1a);border-radius:4px;content:"";height:6px;left:6px;position:absolute;right:6px;top:3px}.treasure-chest-lid:after{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:1px;bottom:2px;content:"";height:3px;left:4px;position:absolute;right:4px}.treasure-icon-lock{background:linear-gradient(180deg,gold,#ffc107 30%,#daa520 70%,#b8860b);border:1.5px solid #8b6914;border-radius:3px;box-shadow:inset 0 1px 2px #ffffff80,0 2px 4px #0000004d;height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;z-index:10}.treasure-icon-lock:before{background:#0000;border:3px solid #daa520;border-bottom:none;border-radius:50% 50% 0 0;box-shadow:inset 0 1px 2px #ffffff4d;content:"";height:10px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:10px}.treasure-icon-lock:after{background:#5d3a1a;border-radius:50% 50% 2px 2px;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.treasure-corner{background:linear-gradient(135deg,gold,#b8860b);border-radius:2px;box-shadow:0 1px 2px #0000004d;height:8px;position:absolute;width:8px}.treasure-corner.top-left{border-radius:6px 2px 2px 2px;left:2px;top:2px}.treasure-corner.top-right{border-radius:2px 6px 2px 2px;right:2px;top:2px}.treasure-corner.bottom-left{border-radius:2px 2px 2px 4px;bottom:2px;left:2px}.treasure-corner.bottom-right{border-radius:2px 2px 4px 2px;bottom:2px;right:2px}.treasure-icon.opened .treasure-chest-lid{transform:rotate(-45deg) translateY(-5px)}.treasure-icon.opened .treasure-icon-lock{opacity:0;transform:translate(-50%,-50%) scale(0)}.treasure-icon.opened:before{animation:glowPulse 1.5s ease-in-out infinite;background:radial-gradient(ellipse,#ffd700cc 0,#0000 70%);content:"";height:20px;left:50%;position:absolute;top:5px;transform:translateX(-50%);width:30px;z-index:1}.treasure-icon.opening .treasure-chest-lid{animation:lidShake .3s ease-in-out}@keyframes lidShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.opening-sparkle{animation:sparkleGlow .4s ease-in-out infinite;font-size:28px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);z-index:20}@keyframes sparkleGlow{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.4)}}.treasure-node.ready:hover .treasure-icon{transform:scale(1.15) rotate(-5deg)}.treasure-node.opening .treasure-icon{animation:iconBounce .5s ease-in-out}.treasure-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf2480 0,#0000 70%);border-radius:50%;height:120px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.treasure-opening-effect{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.treasure-opening-effect .sparkle{animation:sparkleFloat .8s ease-out forwards;font-size:24px;position:absolute}.treasure-opening-effect .sparkle:first-child{animation-delay:0s;left:50%;top:-10px;transform:translateX(-50%)}.treasure-opening-effect .sparkle:nth-child(2){animation-delay:.1s;left:0;top:20%}.treasure-opening-effect .sparkle:nth-child(3){animation-delay:.2s;right:0;top:20%}.treasure-opening-effect .sparkle:nth-child(4){animation-delay:.15s;bottom:10%;left:50%;transform:translateX(-50%)}.treasure-label{align-items:center;background:linear-gradient(180deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:6px;box-shadow:0 3px 0 #fcd34d,0 4px 12px #fbbf2426;display:flex;flex-direction:column;gap:4px;padding:10px 18px}.treasure-name{color:#92400e;font-size:14px;font-weight:800;letter-spacing:.5px}.treasure-reward{color:#d97706;font-size:12px;font-weight:700}.treasure-node.opened .treasure-label{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:#34d399;box-shadow:0 3px 0 #6ee7b7,0 4px 12px #10b98126}.treasure-node.opened .treasure-name{color:#065f46}.treasure-node.opened .treasure-reward{color:#10b981}.treasure-node.locked .treasure-label{filter:grayscale(30%) brightness(.9)}.treasure-reward-popup{align-items:center;animation:rewardPopup 2.5s ease-out forwards;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 4px 0 #d97706,0 6px 20px #f59e0b80;color:#fff;display:flex;flex-direction:column;gap:4px;left:50%;padding:12px 24px;position:absolute;top:-70px;transform:translateX(-50%);white-space:nowrap;z-index:100}.reward-blessing{font-size:14px;font-weight:700;opacity:.9}.reward-text{font-size:18px;font-weight:900}.treasure-lock-hint{background:#ffffffe6;border-radius:8px;bottom:-32px;color:#9ca3af;font-size:11px;font-weight:600;left:50%;opacity:0;padding:4px 10px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.treasure-node.locked:hover .treasure-lock-hint{opacity:1}@keyframes treasurePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes treasureShake{0%,to{transform:rotate(0deg)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-12deg)}80%{transform:rotate(12deg)}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}@keyframes sparkleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.5)}}@keyframes rewardPopup{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.8)}15%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1.1)}30%{transform:translateX(-50%) translateY(0) scale(1)}80%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.9)}}@media (max-width:768px){.treasure-box{border-radius:6px;height:70px;width:70px}.treasure-icon{font-size:36px}.treasure-lock-overlay{height:24px;right:-6px;top:-6px;width:24px}.lock-icon{font-size:12px}.treasure-label{padding:8px 14px}.treasure-name{font-size:12px}.treasure-reward{font-size:11px}.treasure-reward-popup{padding:10px 18px}.reward-blessing{font-size:12px}.reward-text{font-size:16px}}@media (max-width:480px){.treasure-box{border-radius:6px;height:60px;width:60px}.treasure-icon{font-size:30px}.treasure-lock-overlay{height:22px;right:-5px;top:-5px;width:22px}.lock-icon{font-size:11px}.treasure-label{padding:6px 12px}.treasure-name{font-size:11px}.treasure-reward{font-size:10px}}[data-theme=dark] .treasure-label{background:linear-gradient(180deg,#422006,#451a03);border-color:#92400e;box-shadow:0 3px 0 #78350f,0 4px 12px #0000004d}[data-theme=dark] .treasure-name{color:#fcd34d}[data-theme=dark] .treasure-reward{color:#fbbf24}[data-theme=dark] .treasure-node.opened .treasure-label{background:linear-gradient(180deg,#064e3b,#065f46);border-color:#10b981}[data-theme=dark] .treasure-node.opened .treasure-name{color:#6ee7b7}[data-theme=dark] .treasure-node.opened .treasure-reward{color:#34d399}[data-theme=dark] .treasure-lock-hint{background:#1e1e28e6;color:#9ca3af}.duolingo-path-container{background:#fff;border-radius:8px;margin:0 auto;max-width:500px;overflow:visible;padding:60px 20px 100px;position:relative;width:100%}.duolingo-path-empty{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.duolingo-path-empty .empty-icon{font-size:48px;margin-bottom:16px}.duolingo-path-empty p{color:#ffffffe6;font-size:16px;font-weight:600;margin:0}.duolingo-path-svg{left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.duolingo-nodes-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.duolingo-node-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%);z-index:2}.duolingo-node{background:#0000;border-radius:50%;cursor:pointer;height:76px;position:relative;width:70px}.duolingo-node:after{background:#3d8a00;background:var(--node-shadow-color,#3d8a00);bottom:0;z-index:1}.duolingo-node:after,.duolingo-node:before{border-radius:50%;content:"";height:70px;left:0;position:absolute;width:100%}.duolingo-node:before{background:#58cc02;background:var(--node-main-color,#58cc02);top:0;transition:transform .1s ease;z-index:2}.duolingo-node:hover:before{transform:translateY(-2px)}.duolingo-node:active:before{transform:translateY(4px)}.duolingo-node.difficulty-easy{--node-main-color:#58cc02;--node-shadow-color:#46a302}.duolingo-node.difficulty-medium{--node-main-color:#ff9500;--node-shadow-color:#c70}.duolingo-node.difficulty-hard{--node-main-color:#ea4335;--node-shadow-color:#b82e23}.duolingo-node.is-completed{--node-main-color:gold;--node-shadow-color:#b89700}.duolingo-node.is-current{box-shadow:0 0 0 4px #58cc0266}.node-inner{align-items:center;display:flex;height:70px;justify-content:center;position:relative;transition:transform .1s ease;width:100%;z-index:3}.duolingo-node:hover .node-inner{transform:translateY(-2px)}.duolingo-node:active .node-inner{transform:translateY(4px)}.node-number{font-size:24px}.node-checkmark,.node-number{color:#fff;font-weight:800;text-shadow:0 2px 4px #0003}.node-checkmark{font-size:32px}.node-pulse-ring{animation:pulseRing 2s ease-out infinite;border:3px solid #58cc0299;border-radius:50%;height:85px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:85px;z-index:-1}@keyframes pulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.node-animation-badge-wrapper{position:absolute;right:-4px;top:-4px;z-index:10}.node-animation-badge-wrapper .animation-badge-container{display:block}.node-animation-badge-wrapper .animation-badge{border:2px solid #fff;box-shadow:0 3px 0 #6d28d9;font-size:12px;height:26px;width:26px}.node-animation-badge-wrapper .animation-badge:hover{transform:scale(1.1)}.node-animation-icon{align-items:center;background:#8b5cf6;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 0 #6d28d9;color:#fff;cursor:pointer;display:flex;font-size:12px;height:26px;justify-content:center;transition:transform .15s ease;width:26px}.node-animation-icon:hover{transform:scale(1.1)}.node-animation-icon:active{box-shadow:0 1px 0 #6d28d9;transform:translateY(2px)}.node-title-label{background:#fffffff2;border-radius:4px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;text-align:center;top:80px;transform:translateX(-50%);white-space:nowrap;z-index:3}.node-title-label.always-visible{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center;opacity:1;visibility:visible}.node-id-text{color:#666;flex-shrink:0;font-size:11px;font-weight:700}.node-title-text{color:#888;font-size:11px;font-weight:600;line-height:1.3;text-align:center;white-space:nowrap}.duolingo-node-wrapper.completed .node-id-text{color:#7a5c00}.duolingo-node-wrapper.completed .node-title-text{color:#9a7c00}.duolingo-node-wrapper.expanded{z-index:9999}.node-context-menu{animation:menuFadeIn .1s ease;background:#fff;border-radius:8px;box-shadow:0 4px 0 #d0d0d0,0 8px 20px #00000026;left:calc(100% + 10px);min-width:220px;padding:12px;position:absolute;top:0;transform:none;z-index:10000}.node-context-menu:before{background:#0000;content:"";height:100%;left:-15px;position:absolute;top:0;width:20px}@keyframes menuFadeIn{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.context-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.context-menu-id{color:#666;font-size:13px;font-weight:800}.context-menu-difficulty{border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:3px 8px}.context-menu-difficulty.difficulty-easy{background:#58cc02}.context-menu-difficulty.difficulty-medium{background:#ff9500}.context-menu-difficulty.difficulty-hard{background:#ea4335}.context-menu-title{color:#333;font-size:14px;font-weight:700;line-height:1.3;margin-bottom:10px;word-break:break-word}.context-menu-actions{display:flex;flex-direction:column;gap:6px}.context-menu-btn{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.context-menu-btn.incomplete{background:#58cc02;box-shadow:0 3px 0 #46a302;color:#fff}.context-menu-btn.incomplete:hover{transform:translateY(-1px)}.context-menu-btn.incomplete:active{box-shadow:0 1px 0 #46a302;transform:translateY(2px)}.context-menu-btn.completed{background:gold;box-shadow:0 3px 0 #b89700;color:#5c4200}.context-menu-btn.completed:hover{transform:translateY(-1px)}.context-menu-btn.completed:active{box-shadow:0 1px 0 #b89700;transform:translateY(2px)}.context-menu-btn.animation-btn{background:#8b5cf6;box-shadow:0 3px 0 #6d28d9;color:#fff}.context-menu-btn.animation-btn:hover{background:#7c3aed;transform:translateY(-1px)}.context-menu-btn.animation-btn:active{box-shadow:0 1px 0 #6d28d9;transform:translateY(2px)}.context-menu-btn.leetcode-btn{background:#f0f0f0;box-shadow:0 3px 0 #d0d0d0;color:#333}.context-menu-btn.leetcode-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.context-menu-btn.leetcode-btn:active{box-shadow:0 1px 0 #d0d0d0;transform:translateY(2px)}.path-milestone-badge{border-radius:6px;cursor:default;font-size:14px;font-weight:800;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:transform .15s ease;white-space:nowrap;z-index:5}.path-milestone-badge.start{background:#58cc02;box-shadow:0 4px 0 #46a302;color:#fff;text-shadow:0 1px 2px #0003}.path-milestone-badge.end{background:gold;box-shadow:0 4px 0 #b89700;color:#5c4200}.path-milestone-badge:hover{transform:translateX(-50%) translateY(-2px)}.path-milestone-badge:active{box-shadow:0 1px 0 #46a302;transform:translateX(-50%) translateY(2px)}.path-milestone-badge.end:active{box-shadow:0 1px 0 #b89700}.path-segment-milestone{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 0 #d0d0d0,0 6px 12px #0000001a;display:flex;flex-direction:column;gap:6px;padding:12px 20px;position:absolute;transform:translateX(-50%);transition:all .2s ease;z-index:5}.path-segment-milestone:hover{box-shadow:0 6px 0 #d0d0d0,0 8px 16px #0000001f;transform:translateX(-50%) translateY(-2px)}.path-segment-milestone.completed{background:linear-gradient(135deg,#fff9e6,#ffeeba);border-color:gold;box-shadow:0 4px 0 #b89700,0 6px 12px #ffd70033}.path-segment-milestone.completed:hover{box-shadow:0 6px 0 #b89700,0 8px 16px #ffd70040}.segment-milestone-icon{font-size:28px;line-height:1}.segment-milestone-text{color:#555;font-size:13px;font-weight:700;white-space:nowrap}.path-segment-milestone.completed .segment-milestone-text{color:#8b6914}.segment-milestone-progress{background:#0000000d;border-radius:10px;color:#888;font-size:12px;font-weight:600;padding:3px 10px}.path-segment-milestone.completed .segment-milestone-progress{background:#8b69141a;color:#8b6914}.path-treasure-wrapper{animation:treasureNodeFadeIn .5s ease-out;position:absolute;transform:translateX(-50%);z-index:15}@keyframes treasureNodeFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@media (max-width:768px){.duolingo-path-container{border-radius:8px;max-width:100%;padding:50px 15px 80px}.duolingo-node{height:66px;width:60px}.duolingo-node:after,.duolingo-node:before,.node-inner{height:60px}.node-number{font-size:20px}.node-checkmark{font-size:26px}.node-title-label{top:70px}.node-id-text{font-size:10px}.node-title-text{font-size:10px;white-space:nowrap}.node-animation-badge-wrapper .animation-badge,.node-animation-icon{font-size:11px;height:24px;width:24px}.path-milestone-badge{font-size:12px;padding:8px 16px}.node-pulse-ring{height:75px;width:75px}.node-context-menu{min-width:200px;padding:10px}.context-menu-title{font-size:13px}.context-menu-btn{font-size:12px;padding:7px 10px}}@media (max-width:480px){.duolingo-path-container{padding:40px 10px 60px}.duolingo-node{height:60px;width:54px}.duolingo-node:after,.duolingo-node:before,.node-inner{height:54px}.node-number{font-size:18px}.node-checkmark{font-size:22px}.node-animation-icon{border-width:2px}.node-animation-badge-wrapper .animation-badge,.node-animation-icon{font-size:10px;height:22px;width:22px}.node-title-label{top:62px}.node-id-text{font-size:9px}.node-title-text{font-size:9px;white-space:nowrap}.path-milestone-badge{border-radius:6px;font-size:11px;padding:6px 14px}.node-pulse-ring{height:68px;width:68px}.node-context-menu{border-radius:6px;min-width:180px;padding:8px}.context-menu-header{margin-bottom:4px}.context-menu-id{font-size:12px}.context-menu-difficulty{font-size:10px;padding:2px 6px}.context-menu-title{font-size:12px;margin-bottom:8px}.context-menu-actions{gap:5px}.context-menu-btn{border-radius:6px;font-size:11px;padding:6px 8px}}[data-theme=dark] .duolingo-path-container{background:#1a1a2e}[data-theme=dark] .node-id-text{color:#aaa}[data-theme=dark] .node-title-text{color:#888}[data-theme=dark] .duolingo-node-wrapper.completed .node-id-text{color:#ffd54f}[data-theme=dark] .duolingo-node-wrapper.completed .node-title-text{color:#c9a400}[data-theme=dark] .node-context-menu{background:#2a2f3e;box-shadow:0 4px 0 #1a1f2e,0 8px 20px #0000004d}[data-theme=dark] .context-menu-id{color:#aaa}[data-theme=dark] .context-menu-title{color:#e0e0e0}[data-theme=dark] .context-menu-btn.leetcode-btn{background:#3a3f4e;box-shadow:0 3px 0 #2a2f3e;color:#e0e0e0}[data-theme=dark] .context-menu-btn.leetcode-btn:hover{background:#4a4f5e}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:24px;width:90%}.confirm-dialog-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.confirm-dialog-icon{font-size:28px}.confirm-dialog-title{color:#333;font-size:18px;font-weight:700;margin:0}.confirm-dialog-message{color:#666;font-size:14px;line-height:1.6;margin:0 0 24px}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.confirm-dialog-btn.cancel{background:#f5f5f5;color:#666}.confirm-dialog-btn.cancel:hover{background:#e8e8e8}.confirm-dialog-btn.confirm{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.confirm-dialog-btn.confirm:hover{background:linear-gradient(135deg,#096dd9,#1890ff);box-shadow:0 4px 12px #1890ff4d;transform:translateY(-1px)}.confirm-dialog-btn.confirm.danger{background:linear-gradient(135deg,#ff4d4f,#ff7875)}.confirm-dialog-btn.confirm.danger:hover{background:linear-gradient(135deg,#cf1322,#ff4d4f);box-shadow:0 4px 12px #ff4d4f4d}@media (max-width:480px){.confirm-dialog{padding:20px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.path-detail-container{padding:0}.path-detail-banner{background:linear-gradient(135deg,#fafafa,#fff);border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:16px 20px}.banner-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.path-back-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;padding:6px 14px;transition:all .15s ease}.path-back-btn:hover{background:#f5f5f5;border-color:#ccc;color:#333}.path-reset-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:6px;color:#999;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.path-reset-btn:hover{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.path-reset-btn:disabled{cursor:not-allowed;opacity:.5}.path-reset-btn .reset-icon{height:16px;width:16px}.banner-main{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:14px;padding-bottom:16px}.banner-left,.banner-main{align-items:center;display:flex}.banner-left{flex:1 1;gap:14px;min-width:0}.path-detail-icon{align-items:center;background:linear-gradient(135deg,#1890ff1a,#1890ff0d);background:linear-gradient(135deg,rgba(var(--path-color-rgb,24,144,255),.1) 0,rgba(var(--path-color-rgb,24,144,255),.05) 100%);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.path-detail-info{flex:1 1;min-width:0}.path-detail-name{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.path-detail-description,.path-detail-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-detail-description{color:#888;font-size:13px;margin:0}.banner-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px;margin-left:20px}.completion-display{font-family:DIN Round Pro,-apple-system,BlinkMacSystemFont,sans-serif}.completion-current{color:#1890ff;color:var(--path-color,#1890ff);font-size:28px;font-weight:700}.completion-separator{color:#ccc;font-size:20px;margin:0 2px}.completion-total{color:#999;font-size:20px;font-weight:600}.completion-label{color:#999;font-size:12px}.animation-count{color:#52c41a;font-size:12px;margin-top:2px}.banner-filter{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:#fff;border:1px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s ease}.filter-chip:hover{border-color:#1890ff;color:#1890ff}.filter-chip.active{background:#1890ff;border-color:#1890ff;color:#fff}.filter-chip.easy:hover{border-color:#00af9b;color:#00af9b}.filter-chip.easy.active{background:#00af9b;border-color:#00af9b;color:#fff}.filter-chip.medium:hover{border-color:#ffb800;color:#b38600}.filter-chip.medium.active{background:#ffb800;border-color:#ffb800;color:#333}.filter-chip.hard:hover{border-color:#ff2d55;color:#ff2d55}.filter-chip.hard.active{background:#ff2d55;border-color:#ff2d55;color:#fff}@media (max-width:600px){.path-detail-banner{padding:14px 16px}.banner-main{align-items:flex-start;flex-direction:column;gap:14px}.banner-left{width:100%}.banner-right{align-items:center;flex-direction:row;gap:12px;margin-left:0;width:100%}.completion-label{order:-1}.path-detail-name{font-size:16px}.completion-current{font-size:24px}.completion-total{font-size:18px}}.path-view-container{padding:20px 0}.path-view-header{margin-bottom:30px;text-align:center}.path-view-title{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.path-view-subtitle{color:#666;font-size:14px;margin:0}.path-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.path-cards-grid{grid-template-columns:1fr}.progress-line{flex-direction:column;gap:8px}.progress-track{height:8px;width:100%}}.reset-progress-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.reset-progress-btn:hover{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.reset-progress-btn:active{transform:scale(.95)}.reset-icon{height:16px;width:16px}@media (max-width:768px){.reset-progress-btn{height:28px;width:28px}.reset-icon{height:14px;width:14px}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 20px #00000026;font-size:14px;font-weight:500;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{flex-shrink:0;font-size:18px}.toast-message{flex:1 1;line-height:1.4}.toast-success{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:1px solid #b7eb8f;color:#389e0d}.toast-error{background:linear-gradient(135deg,#fff2f0,#ffccc7);border:1px solid #ffa39e;color:#cf1322}.toast-warning{background:linear-gradient(135deg,#fffbe6,#fff1b8);border:1px solid #ffe58f;color:#d48806}.toast-info{background:linear-gradient(135deg,#f0f9ff,#bae7ff);border:1px solid #91d5ff;color:#0958d9}.toast-enter{opacity:1;transform:translateX(0)}.toast,.toast-exit{opacity:0;transform:translateX(100%)}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.overall-progress-bar{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;margin-bottom:16px;padding:12px 16px;width:100%}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-text{color:#333;font-family:DIN Round Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700}.progress-completed{color:#58cc02;font-size:20px}.progress-separator{color:#999;margin:0 4px}.progress-total{color:#666}.progress-percentage{background:#58cc021a;border-radius:12px;color:#58cc02;font-size:14px;font-weight:600;padding:4px 10px}.progress-track{background:#e8e8e8;border-radius:5px;box-shadow:inset 0 1px 2px #0000001a;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#58cc02,#7ac70c);border-radius:5px;box-shadow:0 1px 3px #58cc0266;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}@media (max-width:768px){.overall-progress-bar{padding:10px 12px}.progress-text{font-size:14px}.progress-completed{font-size:18px}.progress-percentage{font-size:12px;padding:3px 8px}.progress-track{height:8px}}@media (prefers-color-scheme:dark){.overall-progress-bar{background:linear-gradient(135deg,#1a1f2e,#2a2f3e);border-color:#3a3f4e}.progress-text{color:#e0e0e0}.progress-total{color:#aaa}.progress-track{background:#3a3f4e}}.realm-help-tooltip{animation:tooltipFadeIn .2s ease-out;background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fde68a);border:1px solid #f59e0b66;border-radius:8px;box-shadow:0 8px 32px #00000026,0 0 40px #f59e0b26,inset 0 1px 0 #ffffff80;max-width:560px;min-width:520px;overflow:visible;padding:16px 20px;position:fixed;z-index:999999}.realm-help-tooltip:before{background:radial-gradient(ellipse at 10% 20%,#f59e0b1a 0,#0000 50%),radial-gradient(ellipse at 90% 80%,#fbbf2414 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.tooltip-header{border-bottom:1px solid #f59e0b4d;margin-bottom:12px;padding-bottom:8px;position:relative;z-index:1}.tooltip-title{color:#b45309;font-size:14px;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 0 10px #f59e0b4d}.exp-rules{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:6px;margin-bottom:12px;padding:10px;position:relative;z-index:1}.exp-rule-title{color:#78716c;font-size:12px;font-weight:600;margin-bottom:8px}.exp-rule-items{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:visible}.exp-rule-item{background:#ffffff80;border:1px solid #0000001a;border-radius:4px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.exp-rule-item.easy{background:#22c55e33;border-color:#22c55e80;color:#15803d}.exp-rule-item.medium{background:#fbbf2440;border-color:#fbbf2480;color:#b45309}.exp-rule-item.hard{background:#ef444433;border-color:#f8717180;color:#dc2626}.exp-rule-item.treasure{background:#8b5cf633;border-color:#a78bfa80;color:#7c3aed}.realm-list{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.realm-list::-webkit-scrollbar{width:6px}.realm-list::-webkit-scrollbar-track{background:#f59e0b1a;border-radius:3px}.realm-list::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:3px}.realm-list::-webkit-scrollbar-thumb:hover{background:#f59e0b99}.realm-item{align-items:center;background:#fff6;border-left:3px solid #0000;border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.realm-item:hover{background:#f59e0b26;border-left-color:#f59e0b80}.realm-item.current{background:#f59e0b33;border-left-color:#f59e0b!important;box-shadow:0 0 15px #f59e0b33}.realm-item-left{align-items:center;display:flex;gap:8px;white-space:nowrap}.realm-item-icon{font-size:18px;line-height:1}.realm-item-info{align-items:center;display:flex;gap:6px}.realm-item-name{color:#44403c;font-size:13px;font-weight:600}.realm-item.current .realm-item-name{color:#b45309;text-shadow:0 0 8px #f59e0b4d}.current-badge{background:#f59e0b33;border:1px solid #f59e0b66;border-radius:4px;color:#b45309;font-size:10px;font-weight:700;padding:2px 6px;text-shadow:0 0 6px #f59e0b4d}.realm-item-right{align-items:center;display:flex;gap:20px;text-align:right;white-space:nowrap}.realm-item-level{color:#78716c;font-size:11px;font-weight:600;min-width:65px}.realm-item-exp{color:#b45309;font-size:11px;font-weight:700;min-width:100px}.realm-item-estimate{color:#78716c;font-size:10px;min-width:75px}@media (max-width:768px){.realm-help-tooltip{left:50%;max-width:calc(100vw - 40px);min-width:300px;transform:translateX(-50%)}}@media (max-width:480px){.realm-help-tooltip{background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fde68a);bottom:20px;left:10px;max-height:60vh;max-width:none;min-width:auto;overflow-y:auto;position:fixed;right:10px;top:auto;transform:none}.realm-list{max-height:none}.realm-item-right{align-items:flex-end;flex-direction:column;gap:2px}.realm-item-estimate,.realm-item-exp,.realm-item-level{min-width:auto}}.experience-bar-container{background:linear-gradient(135deg,#fffbeb,#fef3c7 25%,#fde68a 50%,#fef3c7 75%,#fffbeb);border:2px solid #f59e0b66;border-radius:10px;box-shadow:0 4px 20px #f59e0b26,inset 0 1px 0 #fffc,0 0 40px #f59e0b1a;margin-bottom:12px;overflow:visible;padding:10px 20px;position:relative}.experience-bar-container:before{background:radial-gradient(ellipse at 10% 20%,#f59e0b14 0,#0000 35%),radial-gradient(ellipse at 90% 80%,#fbbf240f 0,#0000 35%),radial-gradient(ellipse at 50% 50%,#d977060a 0,#0000 50%);border:1px solid #f59e0b33;border-radius:10px;bottom:4px;content:"";left:4px;pointer-events:none;position:absolute;right:4px;top:4px}.experience-bar-container:after{animation:immortalShimmer 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a 20%,#fff6 45%,#fff9 50%,#fff6 55%,#ffffff1a 80%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:200%}@keyframes immortalShimmer{0%{opacity:.6;transform:translateX(-50%)}50%{opacity:1}to{opacity:.6;transform:translateX(50%)}}.experience-bar-content{gap:14px;z-index:1}.experience-bar-content,.realm-badge{align-items:center;display:flex;position:relative}.realm-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffe6,#fef3c7cc 40%,#fde68a99);border:1px solid #f59e0b59;border-radius:8px;box-shadow:0 2px 10px #f59e0b33,inset 0 1px 0 #ffffffe6,0 0 20px #f59e0b1a;gap:10px;min-width:130px;overflow:hidden;padding:12px 16px}.realm-badge:before{animation:badgeGlow 3s ease-in-out infinite;background:radial-gradient(circle at center,#fbbf241a 0,#0000 40%),radial-gradient(circle at 30% 70%,#f59e0b0d 0,#0000 30%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes badgeGlow{0%,to{opacity:.4;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(5deg)}}.realm-icon{animation:iconPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,158,11,.4));font-size:28px;line-height:1;position:relative;z-index:1}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}50%{filter:drop-shadow(0 0 12px rgba(245,158,11,.6)) drop-shadow(0 0 18px rgba(251,191,36,.3))}}.realm-info{display:flex;flex-direction:column;gap:2px}.realm-name{color:#b45309;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:800;letter-spacing:2px;position:relative;text-shadow:0 0 8px #f59e0b4d,0 1px 2px #0000001a;white-space:nowrap;z-index:1}.realm-section{align-items:center;display:flex;gap:8px;position:relative}.help-icon-wrapper{position:relative;z-index:99999}.help-icon{align-items:center;background:#fffc;border:1px solid #f59e0b66;border-radius:50%;color:#b45309;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:20px}.help-icon:hover{background:#fef3c7e6;border-color:#f59e0b99;box-shadow:0 0 10px #f59e0b33;color:#92400e}.exp-bar-wrapper{gap:8px}.exp-bar-wrapper,.progress-section{display:flex;flex:1 1;flex-direction:column}.progress-section{gap:6px}.problem-progress{display:flex;flex-direction:column;gap:4px}.problem-progress-info{align-items:center;display:flex;justify-content:space-between}.problem-progress-text{color:#92400e;font-family:DIN Round Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700}.problem-completed{color:#d97706;font-size:18px;font-weight:800;text-shadow:0 0 8px #f59e0b4d}.problem-separator{color:#b45309;margin:0 4px;opacity:.7}.problem-total{color:#92400e;opacity:.8}.problem-percentage{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;color:#b45309;font-size:12px;font-weight:700;padding:2px 10px;text-shadow:0 0 6px #f59e0b33}.problem-progress-track{background:linear-gradient(180deg,#ffffff80,#fef3c74d 50%,#fff6);border:1px solid #f59e0b33;border-radius:4px;box-shadow:inset 0 1px 3px #0000000d,inset 0 -1px 2px #fff9;height:8px;overflow:hidden;width:100%}.problem-progress-fill{background:linear-gradient(90deg,#b45309,#d97706 30%,#f59e0b 60%,#fbbf24);border-radius:4px;box-shadow:0 0 10px #f59e0b66,inset 0 1px 2px #fff6;height:100%;position:relative;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.problem-progress-fill:after{background:linear-gradient(180deg,#ffffff80,#0000);border-radius:3px;content:"";height:3px;left:4px;position:absolute;right:4px;top:1px}.exp-bar-track{background:linear-gradient(180deg,#fff9,#fef3c766 50%,#ffffff80);border:1px solid #f59e0b40;border-radius:8px;box-shadow:inset 0 2px 6px #0000000d,inset 0 -1px 2px #fffc;height:16px;overflow:hidden;position:relative}.exp-bar-track:before{background:repeating-linear-gradient(90deg,#0000,#0000 8px,#f59e0b05 0,#f59e0b05 9px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.exp-bar-fill{animation:fillGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#d97706,#f59e0b 20%,#fbbf24 40%,#fcd34d 60%,#fde68a 80%,#fcd34d)!important;border-radius:8px;box-shadow:0 0 15px #f59e0b80,0 0 30px #f59e0b4d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000001a;height:100%;position:relative;transition:width .8s cubic-bezier(.34,1.56,.64,1)}@keyframes fillGlow{0%,to{box-shadow:0 0 15px #f59e0b80,0 0 30px #f59e0b4d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000001a}50%{box-shadow:0 0 20px #f59e0b99,0 0 40px #f59e0b66,inset 0 2px 4px #fff9,inset 0 -2px 4px #0000001a}}.exp-bar-fill:after{animation:spiritFlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a 15%,#ffffff4d 35%,#ffffff80 50%,#ffffff4d 65%,#ffffff1a 85%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes spiritFlow{0%{opacity:.8;transform:translateX(-100%)}50%{opacity:1}to{opacity:.8;transform:translateX(100%)}}.exp-bar-fill:before{background:linear-gradient(180deg,#fff9,#fff3 50%,#0000);border-radius:8px;content:"";height:8px;left:6px;position:absolute;right:6px;top:2px}.exp-bar-shine{background:linear-gradient(180deg,#fff3,#0000);border-radius:12px 12px 0 0;height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.exp-bar-text{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.exp-current{color:#b45309;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:17px;font-weight:800;letter-spacing:2px;text-shadow:0 0 8px #f59e0b4d,0 1px 2px #0000001a}.exp-next{color:#786450d9;font-size:13px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0000000d}.exp-gain-popup{animation:expGainPop 2.5s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffbebf2,#fef3c7e6 50%,#fde68ad9);border:2px solid #f59e0b80;border-radius:12px;box-shadow:0 4px 20px #f59e0b4d,0 0 40px #f59e0b33,inset 0 1px 0 #fffc;color:#b45309;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:20px;font-weight:800;letter-spacing:2px;padding:14px 24px;position:absolute;right:24px;text-shadow:0 0 10px #f59e0b66,0 1px 2px #0000001a;top:-15px;z-index:100}@keyframes expGainPop{0%{filter:blur(6px);opacity:0;transform:translateY(20px) scale(.6)}10%{filter:blur(0);opacity:1;transform:translateY(-10px) scale(1.2)}25%{transform:translateY(-20px) scale(1.05)}40%{transform:translateY(-30px) scale(1)}to{filter:blur(3px);opacity:0;transform:translateY(-70px) scale(.8)}}@media (max-width:768px){.experience-bar-container{border-radius:10px;margin-bottom:16px;padding:14px 18px}.experience-bar-content{gap:14px}.realm-badge{border-radius:8px;min-width:130px;padding:10px 14px}.realm-icon{font-size:26px}.realm-name{font-size:13px;letter-spacing:2px}.progress-section{gap:10px}.problem-progress-text{font-size:16px}.problem-completed{font-size:20px}.problem-percentage{font-size:12px;padding:3px 10px}.problem-progress-track{height:10px}.exp-bar-track{height:22px}.exp-bar-fill,.exp-bar-track{border-radius:11px}.exp-current{font-size:15px}.exp-next{font-size:11px}}@media (max-width:480px){.experience-bar-container{padding:12px 14px}.experience-bar-content{gap:10px}.realm-badge{gap:8px;min-width:110px;padding:8px 12px}.realm-icon{font-size:22px}.realm-name{font-size:12px;letter-spacing:1px}.help-icon{font-size:11px;height:18px;width:18px}.progress-section{gap:8px}.problem-progress-text{font-size:14px}.problem-completed{font-size:18px}.problem-percentage{font-size:11px;padding:2px 8px}.problem-progress-track{height:8px}.exp-bar-track{height:20px}.exp-bar-fill,.exp-bar-track{border-radius:10px}.exp-current{font-size:14px}.exp-next{font-size:10px}.exp-gain-popup{font-size:16px;padding:10px 18px}}@media (max-width:380px){.experience-bar-content{flex-direction:column;gap:12px}.realm-section{justify-content:center;width:100%}.realm-badge{justify-content:center;width:auto}.exp-bar-wrapper,.progress-section{width:100%}}.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}.wechat-float{bottom:30px;position:fixed;right:30px;z-index:1000}.wechat-trigger{align-items:center;background:linear-gradient(135deg,#07c160,#06ad56);border-radius:8px;box-shadow:0 4px 15px #07c16066;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 18px;transition:all .3s ease}.wechat-trigger:hover{box-shadow:0 6px 20px #07c16080;transform:translateY(-2px)}.wechat-trigger.expanded{background:#05a14a}.wechat-icon{align-items:center;display:flex;height:22px;width:22px}.wechat-text{font-size:14px}.wechat-panel{animation:slideUp .3s ease;background:#fff;border-radius:8px;bottom:60px;box-shadow:0 10px 40px #00000026;min-width:280px;padding:20px;position:absolute;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wechat-content{text-align:center}.qrcode-section h4{color:#333;font-size:15px;margin:0 0 12px}.qrcode-img{border:1px solid #eee;border-radius:8px;height:auto;object-fit:contain;width:180px}.qrcode-img.small{height:auto;width:120px}.qrcode-divider{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);height:1px;margin:16px 0}.qrcode-section.backup{background:#f9f9f9;border-radius:6px;margin-top:8px;padding:12px}.backup-tip{color:#666;font-size:13px;margin:0 0 10px}.backup-hint{color:#07c160;font-size:13px;margin:10px 0 0}.backup-hint strong{background:#07c160;border-radius:4px;color:#fff;font-weight:500;padding:2px 8px}@media (max-width:480px){.wechat-float{bottom:20px;right:20px}.wechat-panel{min-width:260px;right:-10px}.qrcode-img{height:auto;width:150px}.qrcode-img.small{height:auto;width:100px}}
/*# sourceMappingURL=main.43582b6f.css.map*/