:root{--affix-prefix-color:#007AFF;--affix-suffix-color:#34C759;--affix-corrupted-color:#FF3B30;--affix-abyss-color:#34C759;--rarity-normal:#8E8E93;--rarity-magic:#007AFF;--rarity-rare:#FFCC00;--tag-fire-bg:rgba(255, 59, 48, 0.15);--tag-fire-text:#FF3B30;--tag-cold-bg:rgba(0, 122, 255, 0.15);--tag-cold-text:#007AFF;--tag-lightning-bg:rgba(255, 204, 0, 0.15);--tag-lightning-text:#FF9500;--tag-chaos-bg:rgba(175, 82, 222, 0.15);--tag-chaos-text:#AF52DE;--tag-life-bg:rgba(52, 199, 89, 0.15);--tag-life-text:#28CD41;--tag-physical-bg:rgba(169, 142, 100, 0.15);--tag-physical-text:#A98E64;--tag-attack-bg:rgba(255, 149, 0, 0.15);--tag-attack-text:#FF9500;--tag-caster-bg:rgba(88, 86, 214, 0.15);--tag-caster-text:#5856D6;--tag-speed-bg:rgba(50, 173, 230, 0.15);--tag-speed-text:#32ADE6;--tag-defence-bg:rgba(142, 142, 147, 0.15);--tag-defence-text:#8E8E93;--tag-minion-bg:rgba(0, 188, 212, 0.15);--tag-minion-text:#00BCD4;--tag-attribute-bg:rgba(255, 214, 10, 0.15);--tag-attribute-text:#FFD60A;--tag-essence-bg:rgba(255, 45, 85, 0.15);--tag-essence-text:#FF2D55;--tag-gem-bg:rgba(255, 59, 48, 0.1);--tag-gem-text:#FF3B30;--tag-aura-bg:rgba(255, 214, 10, 0.1);--tag-aura-text:#FFD60A;--tag-curse-bg:rgba(88, 86, 214, 0.1);--tag-curse-text:#5856D6;--tag-abyss-bg:rgba(34, 139, 34, 0.15);--tag-abyss-text:#228B22}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.main-content{margin-top:110px;padding-top:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif}.content-page{max-width:1650px;margin:0 auto;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);background:var(--bg-primary);min-height:calc(100vh - 110px)}.affixes-layout{display:grid;grid-template-columns:240px 300px 1fr;gap:var(--spacing-4);min-height:700px;align-items:start}.affixes-column{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.affixes-column:hover{box-shadow:var(--shadow-md)}.column-header{padding:var(--spacing-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.column-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:var(--line-height-tight)}.column-content{flex:1;overflow-y:auto;padding:var(--spacing-3)}.affixes-categories-column{max-height:calc(100vh - 140px);position:sticky;top:130px}.category-group{margin-bottom:var(--spacing-1)}.category-group.expanded{margin-bottom:var(--spacing-2)}.category-btn{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);position:relative;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.05)}.category-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);box-shadow:0 2px 6px rgba(0,0,0,.08)}.category-btn.expanded{background:var(--accent-blue-light,rgba(0,122,255,.1));color:var(--accent-blue);border-color:var(--accent-blue);border-bottom-color:transparent;border-radius:var(--radius-md) var(--radius-md) 0 0;font-weight:var(--font-weight-semibold);box-shadow:none}.category-btn.active{background:var(--accent-blue-light,rgba(0,122,255,.1));color:var(--accent-blue);border-color:var(--accent-blue);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px rgba(0,113,227,.15)}.category-btn.expanded.active{border-bottom-color:transparent;box-shadow:none}.subcategories-container{margin-top:0;padding:var(--spacing-2);display:none;position:relative;background:var(--accent-blue-light,rgba(0,122,255,.1));border:1px solid var(--accent-blue);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);animation:.2s ease-out subcategorySlideDown}@keyframes subcategorySlideDown{from{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.subcategories-container::before{display:none}.subcategory-btn{width:100%;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-normal);position:relative;line-height:var(--line-height-normal);box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.subcategory-btn:last-child{margin-bottom:0}.subcategory-btn:hover{color:var(--accent-blue);background:var(--bg-tertiary);border-color:var(--accent-blue);box-shadow:0 2px 4px rgba(0,0,0,.08)}.subcategory-btn.active{background:var(--accent-blue-light);color:var(--accent-blue);border-color:var(--accent-blue);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px rgba(0,113,227,.15)}.subcategory-icon{width:24px;height:24px;object-fit:contain;border-radius:2px;flex-shrink:0;order:-1}.subcategory-name{flex:1;text-align:right}.affixes-items-column{max-height:calc(100vh - 140px);position:sticky;top:130px}.items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);padding-bottom:var(--spacing-4)}.item-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);position:relative;overflow:hidden}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.item-card.selected{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-tint);background:var(--selected-bg)}.item-card.selected::after{content:'✓';position:absolute;top:var(--spacing-2);right:var(--spacing-2);color:var(--accent-blue);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.item-image{width:64px;height:64px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.item-card:hover .item-image{transform:scale(1.05)}.item-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;line-height:var(--line-height-tight)}.item-desc-first-line{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;line-height:var(--line-height-tight)}.affixes-interaction-area{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.affixes-control-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-5);box-shadow:var(--shadow-sm)}.control-group-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);align-items:end}.control-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2);display:block;text-transform:none;letter-spacing:0;line-height:var(--line-height-normal)}.rarity-buttons{display:flex;background:var(--bg-tertiary);padding:var(--spacing-1);border-radius:var(--radius-md);gap:var(--spacing-1)}.rarity-btn{flex:1;padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-normal)}.rarity-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.rarity-btn.selected{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.rarity-btn[data-rarity=normal].selected{color:var(--text-primary)}.rarity-btn[data-rarity=magic].selected{background:var(--rarity-magic)!important;color:#fff!important}.rarity-btn[data-rarity=rare].selected{background:var(--rarity-rare)!important;color:#000!important}.level-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal);line-height:var(--line-height-normal)}.level-input:focus{outline:0;border-color:var(--accent-blue);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-blue-tint)}.control-actions{display:flex;gap:var(--spacing-3);margin-top:0}.control-actions.match-actions{margin-top:.25rem}.control-btn{padding:var(--spacing-3) var(--spacing-5);border:1.5px solid #86d993;border-radius:12px;background:#e8f8eb;color:#5ab469;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex:1;line-height:var(--line-height-normal);box-shadow:none}.control-btn:hover{background:#d4f0da;border-color:#6bc77a}.control-btn:active{background:#c5eacd}[data-theme=dark] .control-btn{background:rgba(134,217,147,.15);border-color:rgba(134,217,147,.5);color:#86d993}[data-theme=dark] .control-btn:hover{background:rgba(134,217,147,.25);border-color:#86d993}#clear-all-data,.control-btn.clear-btn{background:#fef2f2;border-color:#f9a8a8;color:#e85a5a}#clear-all-data:hover,.control-btn.clear-btn:hover{background:#fee2e2;border-color:#f87171}#clear-all-data:active,.control-btn.clear-btn:active{background:#fecaca}[data-theme=dark] #clear-all-data,[data-theme=dark] .control-btn.clear-btn{background:rgba(248,113,113,.15);border-color:rgba(248,113,113,.5);color:#f87171}[data-theme=dark] #clear-all-data:hover,[data-theme=dark] .control-btn.clear-btn:hover{background:rgba(248,113,113,.25);border-color:#f87171}.control-btn span:first-child{display:inline-block;font-size:1.1em}.affixes-list-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.affix-main-category{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:visible;box-shadow:var(--shadow-sm);position:relative;transition:all var(--transition-normal)}.affix-main-category.expanded{box-shadow:var(--shadow-md);border-color:var(--accent-blue);background:var(--accent-blue-light,rgba(0,122,255,.1))}.affix-main-category-header{padding:var(--spacing-3) var(--spacing-4);display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;background:0 0;transition:background var(--transition-normal);border-radius:var(--radius-lg)}.affix-main-category.expanded .affix-main-category-header{background:var(--accent-blue-light,rgba(0,122,255,.1));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.affix-main-category-header:hover{background:var(--hover-bg)}.affix-main-category.expanded .affix-main-category-header:hover{background:rgba(0,122,255,.15)}.main-category-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-2);line-height:var(--line-height-normal);color:var(--text-primary);flex:1}.main-category-indicator{display:none}.indicator-prefix{background:var(--affix-prefix-color)}.indicator-suffix{background:var(--affix-suffix-color)}.indicator-corrupted{background:var(--affix-corrupted-color)}.indicator-abyss{background:linear-gradient(135deg,var(--affix-prefix-color),var(--affix-suffix-color))}.main-category-count{font-size:.6875rem;color:var(--text-secondary);font-weight:var(--font-weight-normal);background:var(--bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);line-height:var(--line-height-normal)}.main-category-selected-count{font-size:.6875rem;color:#fff;font-weight:var(--font-weight-semibold);background:var(--accent-blue);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);line-height:var(--line-height-normal);display:inline-flex;align-items:center;gap:var(--spacing-1);margin-right:var(--spacing-3)}.main-category-arrow{display:none}.affix-main-category-content{display:none;padding:0 0 0 24px;padding-bottom:var(--spacing-3);border-top:none;background:var(--accent-blue-light,rgba(0,122,255,.1));max-height:600px;overflow-y:auto;position:relative;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.affix-main-category.expanded .affix-main-category-content{display:block;animation:.2s ease-out treeExpand}@keyframes treeExpand{from{opacity:0}to{opacity:1}}.affixes-item{background:0 0;border-radius:0;margin-top:0;margin-bottom:0;box-shadow:none;overflow:visible;border:none;position:relative;padding-left:var(--spacing-3);padding-top:var(--spacing-2);transition:none}.affixes-item::before{content:'';position:absolute;left:-12px;top:22px;width:12px;height:1px;background:rgba(0,122,255,.4)}.affixes-item::after{content:'';position:absolute;left:-12px;top:0;bottom:0;width:1px;background:rgba(0,122,255,.4)}.affixes-item:first-child::after{top:0}.affixes-item:last-child::after{bottom:auto;height:22px}[data-theme=dark] .affixes-item::after,[data-theme=dark] .affixes-item::before{background:rgba(100,180,255,.7)}[data-theme=dark] .affixes-item{background:0 0;box-shadow:none;border:none}.affixes-item:hover,[data-theme=dark] .affixes-item:hover{border-color:transparent;box-shadow:none}.affixes-header{padding:var(--spacing-2) var(--spacing-3);cursor:pointer;display:flex;flex-direction:column;gap:0;transition:all var(--transition-normal);border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-light)}.affixes-header:hover{border-color:var(--border-medium)}.affixes-item.expanded .affixes-header,.affixes-item.has-selected .affixes-header{border-color:var(--accent-blue);background:var(--accent-blue-light,rgba(0,122,255,.1))}.affixes-item.expanded .affixes-desc,.affixes-item.has-selected .affixes-desc{color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.affixes-header-row-1{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2)}.affixes-desc{font-size:.8125rem;color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);flex-shrink:0}.selected-tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 5px;background:var(--accent-blue);color:#fff;font-size:.7rem;font-weight:var(--font-weight-bold);font-family:"SF Mono",Consolas,monospace;border-radius:4px;box-shadow:0 1px 3px rgba(0,122,255,.3)}.selected-tiers-container{display:flex;align-items:center;gap:4px;flex-shrink:0}.affixes-element-tags{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.affixes-header-row-2{display:none}.element-tag{font-size:.625rem;padding:1px var(--spacing-1);border-radius:2px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.element-tag.tag-fire{background:var(--tag-fire-bg);color:var(--tag-fire-text)}.element-tag.tag-cold{background:var(--tag-cold-bg);color:var(--tag-cold-text)}.element-tag.tag-lightning{background:var(--tag-lightning-bg);color:var(--tag-lightning-text)}.element-tag.tag-chaos{background:var(--tag-chaos-bg);color:var(--tag-chaos-text)}.element-tag.tag-life{background:var(--tag-life-bg);color:var(--tag-life-text)}.element-tag.tag-physical{background:var(--tag-physical-bg);color:var(--tag-physical-text)}.element-tag.tag-attack{background:var(--tag-attack-bg);color:var(--tag-attack-text)}.element-tag.tag-caster{background:var(--tag-caster-bg);color:var(--tag-caster-text)}.element-tag.tag-speed{background:var(--tag-speed-bg);color:var(--tag-speed-text)}.element-tag.tag-defence{background:var(--tag-defence-bg);color:var(--tag-defence-text)}.element-tag.tag-minion{background:var(--tag-minion-bg);color:var(--tag-minion-text)}.element-tag.tag-attribute{background:var(--tag-attribute-bg);color:var(--tag-attribute-text)}.element-tag.tag-essence{background:var(--tag-essence-bg);color:var(--tag-essence-text)}.element-tag.tag-gem{background:var(--tag-gem-bg);color:var(--tag-gem-text)}.element-tag.tag-aura{background:var(--tag-aura-bg);color:var(--tag-aura-text)}.element-tag.tag-curse{background:var(--tag-curse-bg);color:var(--tag-curse-text)}.element-tag.tag-abyss{background:var(--tag-abyss-bg);color:var(--tag-abyss-text)}.affixes-item.has-selected{border-left:none;background:0 0}.affixes-details{display:none;padding:var(--spacing-2) 0 0 var(--spacing-4);background:0 0;border-top:none;position:relative;margin-left:0}.affixes-tier-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;background:0 0;border-radius:0}[data-theme=dark] .affixes-tier-list{background:0 0}.affixes-tier-item{padding:var(--spacing-2) var(--spacing-3);padding-left:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light);position:relative;box-shadow:none;margin-left:var(--spacing-3);margin-bottom:2px}.affixes-tier-item::before{content:'';position:absolute;left:-12px;top:50%;width:10px;height:1px;background:rgba(0,122,255,.4)}.affixes-tier-item::after{content:'';position:absolute;left:-12px;top:-2px;bottom:-2px;width:1px;background:rgba(0,122,255,.4)}.affixes-tier-item:first-child::after{top:0}.affixes-tier-item:last-child::after{bottom:auto;top:-2px;height:calc(50% + 2px)}.affixes-tier-item:only-child::after{top:0;height:50%}[data-theme=dark] .affixes-tier-item{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=dark] .affixes-tier-item::after,[data-theme=dark] .affixes-tier-item::before{background:rgba(100,180,255,.7)}.affixes-tier-item:hover,[data-theme=dark] .affixes-tier-item:hover{border-color:var(--border-medium)}.affixes-tier-item.selected{border-color:var(--accent-blue);background:var(--accent-blue-light,rgba(0,122,255,.1))}.affixes-tier-item.selected .affixes-tier-desc{color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.affixes-tier-item.selected::before{background:var(--accent-blue)}[data-theme=dark] .affixes-tier-item.selected{border-color:var(--accent-blue)}.affixes-tier-main{display:flex;align-items:center;gap:var(--spacing-2);width:100%}.affixes-tier-level{font-family:"SF Mono",Consolas,monospace;font-size:.75rem;color:var(--text-secondary);font-weight:var(--font-weight-semibold);min-width:26px;line-height:var(--line-height-normal);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;text-align:center}.affixes-tier-item.selected .affixes-tier-level{background:var(--accent-blue);color:#fff}.affixes-tier-desc{flex:1;font-size:.8125rem;color:var(--text-primary);line-height:var(--line-height-normal)}.affixes-tier-stats{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2);flex-shrink:0;opacity:.7}.affixes-tier-req-level{font-size:.6875rem;color:var(--text-tertiary);line-height:var(--line-height-tight)}.affixes-tier-weight{font-size:.6875rem;color:var(--text-tertiary);font-family:"SF Mono",Consolas,monospace;line-height:var(--line-height-tight);min-width:35px;text-align:right}.affixes-tier-item.level-restricted{opacity:.35;pointer-events:none;background:0 0;filter:grayscale(.8)}@media (max-width:1024px){.affixes-layout{grid-template-columns:190px 1fr;gap:var(--spacing-3)}.affixes-interaction-area{grid-column:1/-1}.affixes-categories-column,.affixes-items-column{max-height:600px;position:static}.content-page{padding:var(--spacing-3) var(--spacing-4)}}@media (max-width:768px){.affixes-layout{grid-template-columns:1fr;gap:var(--spacing-3)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-2)}.content-page{padding:var(--spacing-2) var(--spacing-3)}.column-header{padding:var(--spacing-3)}.affixes-control-panel{padding:var(--spacing-4);gap:var(--spacing-4)}.control-group-row{grid-template-columns:1fr;gap:var(--spacing-3)}.main-category-selected-count{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}.crafting-layout{display:flex;gap:1.5rem;min-height:calc(100vh - 60px);padding:1rem;background:var(--bg-primary)}.crafting-sidebar{width:24%;min-width:240px;display:flex;flex-direction:column;gap:0;align-self:flex-start}@media (max-width:768px){.crafting-sidebar{width:100%;min-width:unset;margin-bottom:var(--spacing-md,1rem)}.crafting-layout{flex-direction:column;padding:var(--spacing-sm,.5rem);gap:var(--spacing-sm,.5rem)}.item-image-container{aspect-ratio:unset;height:120px}.affixes-display-content{min-height:150px;max-height:200px}}.sidebar-section{background:var(--bg-secondary,#f5f5f7);border-radius:0;padding:0;box-shadow:none}.crafting-sidebar::-webkit-scrollbar{width:6px}.crafting-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.crafting-sidebar::-webkit-scrollbar-thumb{background:#007aff;border-radius:3px}.item-display{flex-shrink:0}.item-image-container{position:relative;aspect-ratio:1;background:#2c2c31!important;border-radius:8px 8px 0 0;overflow:hidden;border:none;display:flex;align-items:center;justify-content:center}.item-image-container img{width:80%;height:80%;object-fit:contain}.item-name-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:.5rem;font-size:.875rem;text-align:center;display:none}.affixes-display{display:flex;flex-direction:column;margin-top:0;padding-top:0;background:#2c2c31!important;border-radius:0 0 8px 8px;overflow:hidden}.affixes-display-header{display:none}.affixes-display-content{padding:0;background:#2c2c31!important;border-radius:0 0 8px 8px;border:none;min-height:200px;margin:0}.affixes-empty{color:#8e8e93;text-align:center;padding:1.5rem;font-size:.875rem}.affix-stats-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:#2c2c31!important;border-radius:0;margin-bottom:0;font-size:.75rem;color:#e2e2e2!important;font-weight:500;border:none}.affix-stats-bar .stat-item{display:flex;align-items:center;gap:.25rem}.affix-stats-bar .stat-label{color:#e2e2e2!important}.affix-stats-bar .stat-value{font-weight:600;color:#e2e2e2!important}.affix-stats-bar .stat-value.rarity-normal{color:#c8c8c8!important}.affix-stats-bar .stat-value.rarity-magic{color:#88f!important}.affix-stats-bar .stat-value.rarity-rare{color:#ff7!important}.item-info-bar{display:flex;flex-direction:column;gap:.2rem;align-items:center;padding:.35rem .75rem;background:#2c2c31!important;border:none;font-size:.75rem;color:#e2e2e2!important;font-weight:500}.item-info-bar .info-item{display:flex;align-items:center;justify-content:center;gap:.25rem}.item-info-bar .info-label{color:#e2e2e2!important}.item-info-bar .info-value{color:#e2e2e2!important;font-weight:600}.item-name-bar{display:flex;align-items:center;height:40px;margin-bottom:0;position:relative}.item-name-bar-left{width:30px;height:40px;background:url('photo/left.webp') left center/auto 100% no-repeat;flex-shrink:0;position:relative;z-index:2;margin-right:-10px}.item-name-bar-mid{flex:1;height:40px;background:url('photo/mid.webp') center/auto 100% repeat-x;display:flex;align-items:center;justify-content:center;padding:0 .5rem;position:relative;z-index:1}.item-name-bar-right{width:30px;height:40px;background:url('photo/right.webp') right center/auto 100% no-repeat;flex-shrink:0;position:relative;z-index:2;margin-left:-10px}.item-name-text{font-size:1.5rem;font-weight:700;color:#8b6914;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-name-text.rarity-normal{color:#c8c8c8!important}.item-name-text.rarity-magic{color:#88f!important}.item-name-text.rarity-rare{color:#ff7!important}.affix-type-group{margin:0;padding:0;background:#2c2c31!important}.affix-type-header{display:none}.affix-item-new{display:flex;align-items:center;gap:.35rem;padding:.25rem .2rem;margin-bottom:.15rem;background:#2c2c31!important;border-radius:0;border:none;transition:none;box-shadow:none}.affix-item-new:hover{background:#2c2c31!important;transform:none;border-color:transparent}.affix-item-new.corrupted,.affix-item-new.prefix,.affix-item-new.suffix{border:none;background:#2c2c31!important}.affix-tier-label{font-size:.625rem;font-weight:700;color:#ec7676;min-width:20px;text-align:center;flex-shrink:0;padding:.1rem;background:#2c2c31!important;display:flex;align-items:center;justify-content:center;border-radius:3px}.affix-item-new.suffix .affix-tier-label{color:#7aaff1}.affix-content-area{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:0}.affix-description{font-size:.725rem!important;color:#88f!important;line-height:1.2!important;word-wrap:break-word;text-align:center}.affix-item-new.abyss .affix-description{color:#10b981!important}.affix-reqlevel{font-size:.5625rem;color:#ec7676;background:#2c2c31!important;padding:.1rem;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.affix-item-new.suffix .affix-reqlevel{color:#7aaff1}.crafting-main{flex:1;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden}.crafting-tabs{display:flex;gap:1rem;flex-shrink:0}.crafting-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:2px solid var(--affix-border);border-radius:12px;cursor:pointer;transition:.2s;font-size:1rem;font-weight:500;color:var(--text-secondary)}.crafting-tab:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.crafting-tab.active{background:#007aff;color:#fff;border-color:#007aff}.tab-icon{font-size:1.5rem}.crafting-tab-content{display:none;flex-direction:column;gap:1.25rem;height:100%;overflow:hidden}.crafting-tab-content.active{display:flex}.auto-hide-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:linear-gradient(135deg,rgba(30,30,30,.98),rgba(20,20,20,.98));color:#fff;padding:16px 28px;border-radius:12px;font-size:15px;font-weight:500;line-height:1.5;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99999;max-width:400px;min-width:200px;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.auto-hide-toast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.auto-hide-toast::before{content:'⚠️';margin-right:10px;font-size:18px}.item-detail-tooltip{position:fixed;z-index:999999;max-width:280px;min-width:180px;padding:0;border-radius:8px;background:#1a1a1e;border:1px solid #444;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility 0s .15s;overflow:hidden}.item-detail-tooltip.show{opacity:1;visibility:visible;transition:opacity .15s,visibility}.item-detail-tooltip-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:linear-gradient(to bottom,#2a2a30,#1a1a1e);border-bottom:1px solid #333}.item-detail-tooltip-image{width:200px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;border-radius:6px;background-color:#0d0d0f}.item-detail-tooltip-name{font-size:.95rem;font-weight:600;color:#f5f5f7;line-height:1.3;word-break:break-word;text-align:center}.item-detail-tooltip-body{padding:10px 12px;font-size:.8rem;color:#aaa;line-height:1.5}.item-detail-tooltip-body p{margin:0 0 6px}.item-detail-tooltip-body p:last-child{margin-bottom:0}[data-theme=light] .item-detail-tooltip{background:#fff;border:1px solid #ddd;box-shadow:0 8px 24px rgba(0,0,0,.15)}[data-theme=light] .item-detail-tooltip-header{background:linear-gradient(to bottom,#f8f8f8,#fff);border-bottom:1px solid #eee}[data-theme=light] .item-detail-tooltip-image{background-color:#f0f0f0}[data-theme=light] .item-detail-tooltip-name{color:#1d1d1f}[data-theme=light] .item-detail-tooltip-body{color:#666}.wand-category-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;animation:.2s categoryWarningFadeIn}.category-warning-modal{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:.25s categoryWarningSlideIn;border:1px solid var(--border-color)}.category-warning-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.category-warning-header h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.category-warning-body{padding:1.25rem}.category-warning-body p{margin:0 0 1rem;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.category-warning-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-muted);user-select:none}.category-warning-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.category-warning-checkbox span{transition:color .2s}.category-warning-checkbox:hover span{color:var(--text-secondary)}.category-warning-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.category-warning-btn{padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:.2s}.category-warning-btn.confirm{background:var(--button-active);color:var(--button-active-text)}.category-warning-btn.confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}@keyframes categoryWarningFadeIn{from{opacity:0}to{opacity:1}}@keyframes categoryWarningSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}