/* 简繁转换工具样式（复用 life-calc 基础类） */
#app { --text-dim: #86868b; --bg-soft: #f5f6f8; }
#app .seg {
    display: inline-flex;
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 14px;
    gap: 4px;
}
#app .seg button {
    border: none;
    background: transparent;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    font-family: inherit;
    transition: all var(--transition);
}
#app .seg button.active {
    background: #fff;
    color: var(--primary);
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
#app .zh-count {
    font-size: 0.82rem;
    color: var(--text-dim);
    align-self: center;
}
#app .zh-examples {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
#app .zh-ex-label { color: var(--text-secondary); font-size: 0.85rem; }
#app .zh-ex-btn {
    padding: 6px 12px;
    border: 1px dashed var(--border);
    background: #fff;
    border-radius: 20px;
    font-size: 0.82rem;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition);
    font-family: inherit;
}
#app .zh-ex-btn:hover { border-color: var(--primary); color: var(--primary); }
@media (max-width: 768px) {
    #app { padding: 0; }
}