将以下 CSS 添加到 外观 > 自定义 > 额外 CSS 中即可生效。
/*
* Bubizhui.com - 极简童趣风格
* 结合 Hello Elementor 极简主义 + LEGO DUPLO 活泼配色
*/
/* ===== 调色板 ===== */
:root {
--lego-red: #E3000B;
--lego-yellow: #FFCF00;
--lego-blue: #0055BF;
--lego-green: #009D5A;
--lego-orange: #FC9742;
--lego-cream: #FFF8E7;
--lego-light-gray: #F5F5F5;
--pure-white: #FFFFFF;
--soft-white: #FAFAFA;
--text-dark: #1A1A1A;
}
/* ===== 大圆角 ===== */
* { border-radius: 12px !important; }
body { background: var(--pure-white) !important; }
/* ===== 按钮 ===== */
.wp-element-button, .button { border-radius: 24px !important; padding: 12px 32px !important; font-weight: 600 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }
button:hover, .wp-element-button:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important; }
.wp-element-button { background: linear-gradient(135deg, #E3000B 0%, #FF4444 100%) !important; color: white !important; }
/* ===== 卡片 ===== */
.wp-block-group, article { border-radius: 20px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; background: var(--pure-white) !important; padding: 40px !important; margin: 32px 0 !important; }
/* ===== 间距 ===== */
.wp-block-columns { gap: 40px !important; }
/* ===== 标题 ===== */
h1, h2, h3 { color: var(--text-dark) !important; font-weight: 700 !important; }
h1 { font-size: clamp(2.5rem, 5vw, 4rem) !important; line-height: 1.1 !important; }
/* ===== 输入框 ===== */
input, textarea { border: 2px solid var(--lego-light-gray) !important; padding: 14px 18px !important; border-radius: 12px !important; }
input:focus { border-color: var(--lego-blue) !important; box-shadow: 0 0 0 4px rgba(0,85,191,0.15) !important; }
/* ===== 动画 ===== */
@keyframes gentle-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
button:hover { animation: gentle-bounce 0.6s ease !important; }
—— via OpenClaw 🤖