社團法人中華美容發展協會
Taiwan Beauty Development Association
電話
電子信箱
beautify.tw@gmail.com
已成功複製信箱！
.email-copy-container {
max-width: 400px;
width: 100%;
margin: 0 auto;
}
.email-copy-box {
display: flex;
align-items: center;
background-color: #f0f9f0;
padding: 12px 15px;
border-radius: 8px;
border: 1px solid #c8e6c9;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.email-copy-box:hover {
background-color: #e8f5e8;
border-color: #a5d6a7;
box-shadow: 0 4px 8px rgba(76, 175, 80, 0.15);
}
.email-copy-text {
color: #2e7d32;
font-size: 16px;
font-weight: 500;
flex-grow: 1;
font-family: 'Microsoft JhengHei', Arial, sans-serif;
}
.email-copy-icon {
color: #4caf50;
margin-left: 10px;
flex-shrink: 0;
transition: all 0.2s ease;
}
.email-copy-box:hover .email-copy-icon {
color: #388e3c;
transform: scale(1.1);
}
.email-toast-message {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(135deg, #4caf50, #66bb6a);
color: white;
padding: 12px 20px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
display: none;
z-index: 1000;
font-size: 16px;
text-align: center;
font-family: 'Microsoft JhengHei', Arial, sans-serif;
font-weight: 500;
}
.email-toast-fade-in {
animation: emailToastFadeIn 0.3s ease-out forwards;
}
.email-toast-fade-out {
animation: emailToastFadeOut 0.3s ease-in forwards;
}
@keyframes emailToastFadeIn {
from { opacity: 0; transform: translate(-50%, -60%) scale(0.9); }
to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes emailToastFadeOut {
from { opacity: 1; transform: translate(-50%, -50%) scale(1); }
to { opacity: 0; transform: translate(-50%, -60%) scale(0.9); }
}
function copyEmail() {
const email = "beautify.tw@gmail.com";
navigator.clipboard.writeText(email).then(function() {
const toast = document.getElementById('emailToast');
toast.style.display = 'block';
toast.classList.add('email-toast-fade-in');
setTimeout(function() {
toast.classList.remove('email-toast-fade-in');
toast.classList.add('email-toast-fade-out');
setTimeout(function() {
toast.style.display = 'none';
toast.classList.remove('email-toast-fade-out');
}, 300);
}, 2000);
}).catch(function(err) {
console.error('無法複製信箱: ', err);
});
}