/* 容器隔离：确保在对话框内生效 */
ai { display: block; font-family: sans-serif; color: #000; padding: 10px; background: #fdfdfd; }

/* 全局布局：极致紧凑 */
h1 { font-size: 1.4rem; color: #333; text-align: center; margin-bottom: 15px; }

/* 导航栏：采用 flex 密排 */
.nav { display: flex; gap: 5px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
.tab-btn { flex: 1; padding: 8px; border: none; background: #eee; cursor: pointer; color: #333; }
.tab-btn.active { background: #333; color: #fff; }

/* 面板：隐去多余嵌套，减少层级 */
.pane { display: none; }
.pane.active { display: block; animation: show .3s ease; }

/* 黑色易读：针对移动端字号加粗 */
p, li { font-size: 14px; line-height: 1.5; color: #1a1a1a; }
input, textarea { width: 100%; border: 1px solid #999; padding: 8px; display: block; margin-bottom: 10px; }

@keyframes show { from { opacity: 0; } to { opacity: 1; } }