.triangle-container[data-v-5e6881a7]{max-width:1000px;margin:0 auto;padding:15rem 0 10rem;font-family:Arial,sans-serif}h1[data-v-5e6881a7]{color:#333;text-align:center;margin-bottom:30px}.section[data-v-5e6881a7]{margin-bottom:40px}h2[data-v-5e6881a7]{color:#555;border-bottom:1px solid #eee;padding-bottom:10px}.triangle-examples[data-v-5e6881a7]{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center;margin-top:20px}.example[data-v-5e6881a7]{display:flex;flex-direction:column;align-items:center;gap:15px;width:220px}.code[data-v-5e6881a7]{background-color:#f5f5f5;padding:10px;border-radius:4px;font-size:12px;white-space:pre-wrap;margin:0;width:100%;box-sizing:border-box}.triangle[data-v-5e6881a7]{width:0;height:0}.triangle.solid.up[data-v-5e6881a7]{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #3498db}.triangle.solid.down[data-v-5e6881a7]{border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #e74c3c}.triangle.solid.left[data-v-5e6881a7]{border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #2ecc71}.triangle.solid.right[data-v-5e6881a7]{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #f39c12}.triangle.border.up[data-v-5e6881a7]{position:relative;width:30px;height:30px}.triangle.border.up[data-v-5e6881a7]:before{content:"";position:absolute;top:0;left:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #3498db}.triangle.border.up[data-v-5e6881a7]:after{content:"";position:absolute;top:2px;left:5px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white}.triangle.border.down[data-v-5e6881a7]{position:relative;width:30px;height:30px}.triangle.border.down[data-v-5e6881a7]:before{content:"";position:absolute;top:0;left:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #e74c3c}.triangle.border.down[data-v-5e6881a7]:after{content:"";position:absolute;top:-2px;left:5px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.triangle.border.left[data-v-5e6881a7]{position:relative;width:30px;height:30px}.triangle.border.left[data-v-5e6881a7]:before{content:"";position:absolute;top:0;left:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #2ecc71}.triangle.border.left[data-v-5e6881a7]:after{content:"";position:absolute;top:5px;left:2px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid white}.triangle.border.right[data-v-5e6881a7]{position:relative;width:30px;height:30px}.triangle.border.right[data-v-5e6881a7]:before{content:"";position:absolute;top:0;left:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #f39c12}.triangle.border.right[data-v-5e6881a7]:after{content:"";position:absolute;top:5px;left:-2px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white}.triangle.gradient.up[data-v-5e6881a7]{width:30px;height:30px;background:linear-gradient(to bottom right,transparent 0%,transparent 50%,#9b59b6 50%,#9b59b6 100%);transform:rotate(45deg) scale(.8);clip-path:polygon(0% 100%,100% 100%,50% 0%)}.triangle.gradient.down[data-v-5e6881a7]{width:30px;height:30px;background:linear-gradient(to top left,transparent 0%,transparent 50%,#1abc9c 50%,#1abc9c 100%);transform:rotate(45deg) scale(.8);clip-path:polygon(0% 0%,100% 0%,50% 100%)}.triangle.gradient.left[data-v-5e6881a7]{width:30px;height:30px;background:linear-gradient(to bottom right,transparent 0%,transparent 50%,#e67e22 50%,#e67e22 100%);transform:rotate(-45deg) scale(.8);clip-path:polygon(100% 0%,100% 100%,0% 50%)}.triangle.gradient.right[data-v-5e6881a7]{width:30px;height:30px;background:linear-gradient(to bottom left,transparent 0%,transparent 50%,#3498db 50%,#3498db 100%);transform:rotate(45deg) scale(.8);clip-path:polygon(0% 0%,0% 100%,100% 50%)}.arrow[data-v-5e6881a7]{position:relative;width:40px;height:20px}.arrow.solid.right[data-v-5e6881a7]:before,.arrow.solid.right[data-v-5e6881a7]:after{content:"";position:absolute;background-color:#3498db}.arrow.solid.right[data-v-5e6881a7]:before{width:30px;height:8px;top:6px;left:0}.arrow.solid.right[data-v-5e6881a7]:after{width:15px;height:15px;right:0;top:2.5px;clip-path:polygon(0 0,100% 50%,0 100%)}.arrow.solid.left[data-v-5e6881a7]:before,.arrow.solid.left[data-v-5e6881a7]:after{content:"";position:absolute;background-color:#e74c3c}.arrow.solid.left[data-v-5e6881a7]:before{width:30px;height:8px;top:6px;right:0}.arrow.solid.left[data-v-5e6881a7]:after{width:15px;height:15px;left:0;top:2.5px;clip-path:polygon(100% 0,0 50%,100% 100%)}.arrow.border.right[data-v-5e6881a7]{width:30px;height:20px}.arrow.border.right[data-v-5e6881a7]:before{content:"";position:absolute;top:5px;left:0;width:30px;height:2px;background:#3498db}.arrow.border.right[data-v-5e6881a7]:after{content:"";position:absolute;right:0;top:0;width:10px;height:10px;border-right:2px solid #3498db;border-top:2px solid #3498db;transform:rotate(45deg)}.arrow.border.left[data-v-5e6881a7]{width:30px;height:20px}.arrow.border.left[data-v-5e6881a7]:before{content:"";position:absolute;top:5px;right:0;width:30px;height:2px;background:#e74c3c}.arrow.border.left[data-v-5e6881a7]:after{content:"";position:absolute;left:0;top:0;width:10px;height:10px;border-left:2px solid #e74c3c;border-bottom:2px solid #e74c3c;transform:rotate(45deg)}.fouc-fix{display:block}