|
|
| Line 1: |
Line 1: |
| <div class="enchant-stones-guide" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 800px; margin: 20px auto; padding: 0 20px;">
| | == ⚔️ Enchant Stones Guide == |
|
| |
| <div class="hero-section" style="background: linear-gradient(135deg, #8B4513 0%, #D2691E 50%, #F4A460 100%); color: white; padding: 25px; border-radius: 15px; text-align: center; margin: 25px 0; box-shadow: 0 8px 25px rgba(139, 69, 19, 0.3); position: relative; overflow: hidden;">
| |
| <div style="position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; background: rgba(255,255,255,0.1); border-radius: 50%;"></div>
| |
| <div style="position: absolute; bottom: -20px; left: -20px; width: 80px; height: 80px; background: rgba(255,255,255,0.1); border-radius: 50%;"></div>
| |
|
| |
| <div style="display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 15px;">
| |
| <div style="font-size: 32px;">⚔️</div>
| |
| <h1 style="margin: 0; font-size: 28px; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);">Enchant Stones Guide</h1>
| |
| <div style="font-size: 32px;">🛡️</div>
| |
| </div>
| |
| <p style="margin: 0; opacity: 0.95; font-size: 16px; font-weight: 500;">Powerful enhancement items available in Malangdo</p>
| |
| </div>
| |
|
| |
|
| <div class="content-grid" style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 30px 0;">
| | <div class="ragnawiki-hero"> |
|
| | <div class="ragnawiki-hero-title">Enchant Stones Guide</div> |
| <!-- Location Card -->
| | <div class="ragnawiki-hero-subtitle">Powerful enhancement items available in Malangdo</div> |
| <div class="location-card" style="background: linear-gradient(135deg, #3498db, #2980b9); color: white; padding: 25px; border-radius: 12px; box-shadow: 0 6px 20px rgba(52, 152, 219, 0.25);">
| | </div> |
| <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 20px;">
| |
| <div style="font-size: 24px;">📍</div>
| |
| <h3 style="margin: 0; font-size: 20px; font-weight: bold;">NPC Location</h3>
| |
| </div>
| |
|
| |
| <div style="background: rgba(255,255,255,0.15); padding: 15px; border-radius: 8px; margin-bottom: 15px; text-align: center;">
| |
| <div style="font-weight: bold; font-size: 18px; margin-bottom: 8px;">Malangdo</div>
| |
| <div style="font-size: 16px; opacity: 0.9;">Coordinates: <strong>125, 151</strong></div>
| |
| </div>
| |
|
| |
| <div style="background: rgba(255,255,255,0.1); padding: 12px; border-radius: 8px; text-align: center; border: 2px dashed rgba(255,255,255,0.3);">
| |
| <div style="font-size: 14px; opacity: 0.9; margin-bottom: 8px;">Look for this NPC:</div>
| |
| <div style="font-weight: bold; font-size: 16px;">File:Enchant_stones.png</div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Currency Card -->
| | <div class="ragnawiki-card"> |
| <div class="currency-card" style="background: linear-gradient(135deg, #e67e22, #d35400); color: white; padding: 25px; border-radius: 12px; box-shadow: 0 6px 20px rgba(230, 126, 34, 0.25);">
| | <div class="ragnawiki-card-header ragna-blue">📍 NPC Location</div> |
| <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 20px;">
| | <div class="ragnawiki-card-content"> |
| <div style="font-size: 24px;">🪙</div>
| | <div style="display: flex; gap: 30px; flex-wrap: wrap;"> |
| <h3 style="margin: 0; font-size: 20px; font-weight: bold;">Required Currency</h3>
| | <div style="flex: 1; min-width: 300px;"> |
| </div>
| | <div class="ragnawiki-tip-box" style="border-left-color: #3498db;"> |
|
| | <div style="font-weight: 600; color: #3498db; margin-bottom: 8px;">🏝️ Malangdo</div> |
| <div style="display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.15); padding: 15px; border-radius: 8px; margin-bottom: 15px;">
| | <div style="font-size: 13px; line-height: 1.4; color: #666;"> |
| <div style="flex-shrink: 0;">
| | <strong>Coordinates:</strong> <code>125, 151</code><br> |
| <div style="width: 50px; height: 50px; background: linear-gradient(45deg, #f39c12, #e67e22); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 24px; border: 2px solid rgba(255,255,255,0.3);">
| | <strong>NPC:</strong> File:Enchant_stones.png<br> |
| 🪙
| | <small>Look for the Enchant Stones NPC at these coordinates</small> |
| </div>
| | </div> |
| </div>
| | </div> |
| <div>
| | </div> |
| <div style="font-weight: bold; font-size: 16px;">Event Stone Coin</div>
| |
| <div style="font-size: 14px; opacity: 0.9;">Item ID: 1001197</div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="text-align: center; background: rgba(255,255,255,0.1); padding: 10px; border-radius: 6px;">
| |
| <div style="font-size: 13px; opacity: 0.9;">Exchange these coins for enchant stones</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Pricing Section -->
| | <div style="flex: 1; min-width: 300px;"> |
| <div class="pricing-section" style="background: linear-gradient(135deg, #27ae60, #229954); color: white; padding: 25px; border-radius: 12px; box-shadow: 0 6px 20px rgba(39, 174, 96, 0.25); margin: 25px 0;">
| | <div class="ragnawiki-tip-box" style="border-left-color: #e67e22;"> |
| <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 20px;">
| | <div style="font-weight: 600; color: #e67e22; margin-bottom: 8px;">🪙 Required Currency</div> |
| <div style="font-size: 24px;">💰</div>
| | <div style="font-size: 13px; line-height: 1.4; color: #666;"> |
| <h3 style="margin: 0; font-size: 20px; font-weight: bold;">Pricing Information</h3>
| | <strong>Event Stone Coin</strong> (ID: 1001197)<br> |
| </div>
| | <small>Exchange these coins for enchant stones</small> |
|
| | </div> |
| <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; text-align: center;">
| | </div> |
| <div style="font-size: 18px; margin-bottom: 10px; font-weight: 600;">Price Range Per Stone</div>
| | </div> |
|
| | </div> |
| <div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin: 20px 0;">
| | </div> |
| <div style="text-align: center;">
| | </div> |
| <div style="font-size: 14px; opacity: 0.9; margin-bottom: 5px;">Minimum</div>
| |
| <div style="background: rgba(255,255,255,0.2); padding: 12px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; border: 2px solid rgba(255,255,255,0.3);">
| |
| 10 Coins
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="font-size: 24px; opacity: 0.7;">→</div>
| |
|
| |
| <div style="text-align: center;">
| |
| <div style="font-size: 14px; opacity: 0.9; margin-bottom: 5px;">Maximum</div>
| |
| <div style="background: rgba(255,255,255,0.2); padding: 12px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; border: 2px solid rgba(255,255,255,0.3);">
| |
| 50 Coins
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="font-size: 14px; opacity: 0.9; font-style: italic;">
| |
| Prices vary depending on the specific enchant stone type
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Quick Summary -->
| | <div class="ragnawiki-card"> |
| <div class="summary-card" style="background: linear-gradient(135deg, #9b59b6, #8e44ad); color: white; padding: 20px; border-radius: 12px; box-shadow: 0 6px 20px rgba(155, 89, 182, 0.25); margin: 25px 0;">
| | <div class="ragnawiki-card-header ragna-green">💰 Pricing Information</div> |
| <div style="display: flex; align-items: flex-start; gap: 15px;">
| | <div class="ragnawiki-card-content"> |
| <div style="font-size: 24px; margin-top: 2px;">📋</div>
| | <div style="text-align: center; margin-bottom: 20px;"> |
| <div>
| | <strong>Price Range Per Stone</strong> |
| <h4 style="margin: 0 0 10px 0; font-size: 18px; font-weight: bold;">Quick Summary</h4>
| | </div> |
| <ul style="margin: 0; padding-left: 20px; font-size: 14px; opacity: 0.95;">
| |
| <li>Location: Malangdo (125, 151)</li>
| |
| <li>NPC: File:Enchant_stones.png</li>
| |
| <li>Currency: Event Stone Coin</li>
| |
| <li>Price Range: 10-50 coins per stone</li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| | <div style="display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;"> |
| | <div style="text-align: center; flex: 1; min-width: 150px;"> |
| | <div class="ragnawiki-tip-box" style="border-left-color: #27ae60;"> |
| | <div style="font-weight: 600; color: #27ae60; margin-bottom: 8px;">📉 Minimum</div> |
| | <div style="font-size: 16px; font-weight: bold; color: #666;"> |
| | 10 Coins |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div style="text-align: center; flex: 1; min-width: 150px;"> |
| | <div class="ragnawiki-tip-box" style="border-left-color: #e74c3c;"> |
| | <div style="font-weight: 600; color: #e74c3c; margin-bottom: 8px;">📈 Maximum</div> |
| | <div style="font-size: 16px; font-weight: bold; color: #666;"> |
| | 50 Coins |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div style="text-align: center; margin-top: 15px;"> |
| | <small style="color: #666; font-style: italic;">Prices vary depending on the specific enchant stone type</small> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="ragnawiki-card"> |
| | <div class="ragnawiki-card-header ragna-purple">📋 Quick Summary</div> |
| | <div class="ragnawiki-card-content"> |
| | <div class="ragnawiki-grid"> |
| | <div class="ragnawiki-card"> |
| | <div class="ragnawiki-card-content"> |
| | {| class="ragnawiki-list" |
| | |- |
| | | 📍 || <strong>Location:</strong> Malangdo (125, 151) |
| | |- |
| | | 🏪 || <strong>NPC:</strong> File:Enchant_stones.png |
| | |- |
| | | 🪙 || <strong>Currency:</strong> Event Stone Coin |
| | |- |
| | | 💰 || <strong>Price Range:</strong> 10-50 coins per stone |
| | |} |
| | </div> |
| | </div> |
| | |
| | <div class="ragnawiki-card"> |
| | <div class="ragnawiki-card-content"> |
| | {| class="ragnawiki-list" |
| | |- |
| | | ⚡ || <strong>Type:</strong> Various enchant stones |
| | |- |
| | | 🎯 || <strong>Usage:</strong> Equipment enhancement |
| | |- |
| | | 🔄 || <strong>Exchange:</strong> Coins for stones |
| | |- |
| | | 📊 || <strong>Availability:</strong> Permanent NPC |
| | |} |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="ragnawiki-hero" style="background: linear-gradient(135deg, #8B4513, #D2691E); color: white; margin-top: 30px;"> |
| | <div class="ragnawiki-hero-title">🛡️ Enhance Your Equipment</div> |
| | <div class="ragnawiki-hero-subtitle">Visit Malangdo and exchange your Event Stone Coins for powerful enchantments!</div> |
| </div> | | </div> |