Difference between revisions of "Accessories"
m (Protected "Accessories" ([edit=sysop] (indefinite) [move=sysop] (indefinite))) |
|||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | __NOTOC__ | |
| − | + | <div style="max-width: 1050px; margin: 0 auto; --bg-base: #f8fafc; --bg-panel: #ffffff; --accent-blue: #0284c7; --accent-gold: #eab308; --text-main: #0f172a; --text-dim: #475569; --border-color: #cbd5e1; background: var(--bg-base); color: var(--text-main); font-family: 'Segoe UI', system-ui, sans-serif; border-radius: 16px; border: 1px solid var(--border-color); box-shadow: 0 10px 30px rgba(0,0,0,0.08); overflow: hidden;"> | |
| − | |||
| + | <div style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 50px 40px; border-bottom: 2px solid var(--accent-blue); position: relative;"><div style="display: flex; align-items: center; gap: 30px; flex-wrap: wrap;"><div style="flex-shrink: 0; background: #ffffff; border-radius: 12px; border: 2px solid #94a3b8; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; font-size: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">💎</div><div style="flex: 1; min-width: 300px;"><span style="color:#1e293b; font-size:2.6em; font-weight:900; letter-spacing: -0.5px; text-transform: uppercase;">Accessories Guide</span><br><span style="display: inline-block; background: var(--accent-blue); color: #ffffff; padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 2px 6px rgba(2,132,199,0.3);">Rings & Pendants</span><div style="font-size: 15px; color: #334155; line-height: 1.8;">Accessories are vital, yet often overlooked, components of a Full Gear build. Comprising two rings and one pendant, they provide essential elemental resistances and high-tier excellent options, including the exclusive '''Auto HP Recovery''' attribute.</div></div></div></div> | ||
| + | <div style="padding: 40px;"> | ||
| − | === | + | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; margin-bottom: 40px;"> |
| − | [[File: | + | <div style="background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);"> |
| − | [[File: | + | <div style="background: #f1f5f9; padding: 15px 20px; border-bottom: 1px solid var(--border-color); font-weight: bold; display: flex; justify-content: space-between; align-items: center;">Excellent Pendant Options [[File:Pendant Options.jpg|140px]]</div> |
| + | <div style="padding: 20px; font-size: 13.5px; color: var(--text-dim);">Pendants use offensive-tier options like Excellent Damage Rate, Attack Speed, and life/mana recovery per monster kill.</div> | ||
| + | </div> | ||
| + | <div style="background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);"> | ||
| + | <div style="background: #f1f5f9; padding: 15px 20px; border-bottom: 1px solid var(--border-color); font-weight: bold; display: flex; justify-content: space-between; align-items: center;">Excellent Ring Options [[File:Ring Options.jpg|155px]]</div> | ||
| + | <div style="padding: 20px; font-size: 13.5px; color: var(--text-dim);">Rings utilize defensive options such as Damage Decrease, Reflect, and increased Defense Success Rate.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div style="font-size: 22px; font-weight: 800; color: var(--accent-blue); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;">Elemental Directory</div> | ||
| + | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 15px; margin-bottom: 40px;"> | ||
| + | <div style="background: #fff1f2; padding: 20px; border-radius: 12px; border: 1px solid #fecdd3; display: flex; gap: 15px;"> | ||
| + | <div style="display: flex; flex-direction: column; gap: 5px;">[[File:Pen_fire.gif]] [[File:Fire.gif]]</div> | ||
| + | <div><b style="color: #be123c; font-size: 16px; display: block;">Fire (Ring & Pendant)</b>Req. Level: 110<br>Resistance Base: 16</div> | ||
| + | </div> | ||
| + | <div style="background: #f0fdf4; padding: 20px; border-radius: 12px; border: 1px solid #bbf7d0; display: flex; gap: 15px;"> | ||
| + | <div style="display: flex; flex-direction: column; gap: 5px;">[[File:Pen_wind.gif]] [[File:Wind.gif]]</div> | ||
| + | <div><b style="color: #15803d; font-size: 16px; display: block;">Wind (Ring & Pendant)</b>Req: Lvl 124 (R) / 122 (P)<br>Resistance Base: 16</div> | ||
| + | </div> | ||
| + | <div style="background: #f0f9ff; padding: 20px; border-radius: 12px; border: 1px solid #bae6fd; display: flex; gap: 15px;"> | ||
| + | <div style="display: flex; flex-direction: column; gap: 5px;">[[File:Pen_ice.png]] [[File:Ice.gif]]</div> | ||
| + | <div><b style="color: #0369a1; font-size: 16px; display: block;">Ice (Ring & Pendant)</b>Req. Level: 114<br>Resistance Base: 16</div> | ||
| + | </div> | ||
| + | <div style="background: #faf5ff; padding: 20px; border-radius: 12px; border: 1px solid #e9d5ff; display: flex; gap: 15px;"> | ||
| + | <div>[[File:Pen_lightning.gif]]</div> | ||
| + | <div><b style="color: #7e22ce; font-size: 16px; display: block;">Lightning (Pendant Only)</b>Req. Level: 101<br>Resistance Base: 16</div> | ||
| + | </div> | ||
| + | <div style="background: #fefce8; padding: 20px; border-radius: 12px; border: 1px solid #fef08a; display: flex; gap: 15px;"> | ||
| + | <div>[[File:Earth.gif]]</div> | ||
| + | <div><b style="color: #a16207; font-size: 16px; display: block;">Earth (Ring Only)</b>Req. Level: 119<br>Resistance Base: 16</div> | ||
| + | </div> | ||
| + | <div style="background: #f1f5f9; padding: 20px; border-radius: 12px; border: 1px solid #cbd5e1; display: flex; gap: 15px;"> | ||
| + | <div style="display: flex; flex-direction: column; gap: 5px;">[[File:Pen_water.gif|link=]][[File:Poison.gif|link=]][[File:Magic.gif|link=]]</div> | ||
| + | <div><b style="color: #475569; font-size: 16px; display: block;">Utility Elements</b>Water, Poison, Magic, Ability<br><span style="font-size: 12px;">Specialized resistance types.</span></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div style="font-size: 22px; font-weight: 800; color: var(--accent-blue); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;">Combat Mechanics</div> | ||
| + | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); gap: 20px; margin-bottom: 40px;"> | ||
| + | <div style="background: var(--bg-panel); padding: 25px; border-radius: 12px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);"> | ||
| + | <b style="color: var(--accent-primary); font-size: 18px; display: block; margin-bottom: 15px;">How Resistance Works</b> | ||
| + | <div style="font-size: 14.5px; color: var(--text-dim); line-height: 1.7;">Resistance provides a chance for specific elemental attacks to miss. For example, wearing a '''Wind Accessory''' provides a miss chance against <b style="color: var(--text-main);">Twisting Slash</b> (Wind attribute). | ||
| + | <div style="margin-top: 15px; padding: 12px; background: #fffbeb; border-radius: 8px; border-left: 4px solid var(--accent-gold); color: #92400e; font-weight: bold;">⚠️ IMPORTANT: Resistance does NOT stack. </div> | ||
| + | The system only counts the resistance of your highest-level accessory. If you wear a +2 and a +6 Ring of Wind, you only receive the resistance of the +6 item. | ||
| + | </div> | ||
| + | </div> | ||
| + | <div style="background: var(--bg-panel); padding: 25px; border-radius: 12px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);"> | ||
| + | <b style="color: var(--accent-primary); font-size: 18px; display: block; margin-bottom: 15px;">Option Stacking & Meta</b> | ||
| + | <div style="font-size: 14.5px; color: var(--text-dim); line-height: 1.7;">While resistances do not stack, '''Excellent Options''' (DD, Ref, HP, etc.) do stack fully. | ||
| + | <div style="margin-top: 15px; background: #f1f5f9; padding: 15px; border-radius: 8px;"><b style="color: var(--text-main); display: block; margin-bottom: 5px;">The Recommended "Meta" Setup:</b> To maximize your defensive utility against all classes, it is preferred to use one accessory of each major element: | ||
| + | <ul style="margin: 5px 0 0 20px;"> | ||
| + | <li>1x Wind Accessory</li> | ||
| + | <li>1x Fire Accessory</li> | ||
| + | <li>1x Ice Accessory</li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| − | + | </div> [[Category:Items]] | |
| − | + | </div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | [[Category:Items]] | ||










