.ct-section {
padding: 60px 20px;
text-align: center;
font-family: 'Noto Serif SC', Georgia, serif !important;
}
.ct-section h2 {
color: #fff;
font-size: 2.2rem;
font-weight: 700;
margin: 0 0 12px;
font-family: 'Noto Serif SC', Georgia, serif !important;
}
.ct-section p {
color: #c8d4b8;
font-size: 1rem;
margin: 0 0 48px;
line-height: 1.6;
font-family: 'Noto Serif SC', Georgia, serif !important;
}
.ct-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.ct-card {
padding: 48px 20px;
text-align: center;
border: 1px solid rgba(255,255,255,0.35);
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s ease;
position: relative;
overflow: hidden;
}
.ct-card:hover {
background-color: rgba(255,255,255,0.08);
}
.ct-icon {
font-size: 28px;
color: #fff;
margin-bottom: 16px;
}
.ct-icon img {
width: 28px;
height: 28px;
filter: invert(1);
display: inline-block;
}
.ct-card h3 {
color: #fff;
font-size: 1.05rem;
font-weight: 700;
margin: 0 0 10px;
font-family: 'Noto Serif SC', Georgia, serif !important;
}
.ct-card span {
color: #c8d4b8;
font-size: 0.9rem;
line-height: 1.6;
font-family: 'Noto Serif SC', Georgia, serif !important;
}
.qr-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
background: rgba(30, 30, 30, 0.85);
border-radius: 4px;
padding: 16px;
box-sizing: border-box;
}
.qr-overlay img {
width: 70%;
max-width: 140px;
border-radius: 6px;
}
.qr-overlay p {
color: #fff !important;
font-size: 13px !important;
margin: 0 !important;
font-family: 'Noto Serif SC', Georgia, serif !important;
}
@media (max-width: 600px) {
.ct-grid { grid-template-columns: 1fr; }
}
I'd Love to Hear from You
Whether it's a thought, a question, or just to say you stopped by — I'm here.
function openWechatModal() {
const card = document.getElementById('wechatCard');
if (card.querySelector('.qr-overlay')) return;
const textarea = document.createElement('textarea');
textarea.value = 'viviansina';
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
const overlay = document.createElement('div');
overlay.className = 'qr-overlay';
overlay.innerHTML = `
微信号已复制 ✓
`;
card.appendChild(overlay);
setTimeout(() => { overlay.remove(); }, 3000);
}