/* ═══════════════════════════════════════════════════════════════
   custom.css — User styles override
   在此文件中添加自定义样式，重启服务后生效。
   ═══════════════════════════════════════════════════════════════ */

/* 标题书法字体 */
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap');

.header {
    text-align: center;
}
.header h1 {
    font-family: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', '楷体', serif;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: var(--text-primary);
    text-shadow: 0 0 20px rgba(88, 166, 255, 0.15);
}

/* ── 玻璃拟态按钮（亮色版）─────────────────────────── */
.btn-glass {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 36px;
    font-size: 0.95rem;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 50px;
    cursor: pointer;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
    user-select: none;
    -webkit-user-select: none;
}
.btn-glass:hover {
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
    border-color: #fff;
    transform: scale(1.05);
}
.btn-glass:active {
    transform: scale(0.97);
}
.btn-glass--blue {
    border-color: rgba(88, 166, 255, 0.6);
}
.btn-glass--blue:hover {
    background: rgba(88, 166, 255, 0.25);
    box-shadow: 0 0 30px rgba(88, 166, 255, 0.2);
    border-color: var(--blue);
}
.btn-glass--green {
    border-color: rgba(63, 185, 80, 0.6);
}
.btn-glass--green:hover {
    background: rgba(63, 185, 80, 0.25);
    box-shadow: 0 0 30px rgba(63, 185, 80, 0.2);
    border-color: var(--green);
}